@zohodesk/components 1.2.12 → 1.2.14

package/lib/Tag/Tag.module.css

@@ -22,9 +22,8 @@
   --tag_icon_bg_color: var(--zdt_tag_icon_bg);
 }[dir=ltr] .varClass {
   --tag_closeicon_border_radius: 0 12px 12px 0 /*rtl: 12px 0 0 12px*/;
-  --tag_closeicon_padding: 0 var(--zd_size7) 0 var(--zd_size6
-)    ;
-  --tag_icon_margin: 0 0 0 var(--zd_size5) ;
+  --tag_closeicon_padding: 0 var(--zd_size7) 0 var(--zd_size6);
+  --tag_icon_margin: 0 0 0 var(--zd_size5);
 }[dir=rtl] .varClass {
   --tag_closeicon_border_radius: 12px 0 0 12px;
   --tag_closeicon_padding: 0 var(--zd_size6) 0 var(--zd_size7);

package/lib/common/common.module.css

@@ -516,10 +516,10 @@
 
 .fitContWidth {
   width: fit-content ;
-  width: undefined ;
+  width: -moz-fit-content ;
 }
 
 .fitContHeight {
   height: fit-content ;
-  height: undefined ;
+  height: -moz-fit-content ;
 }

package/lib/v1/DateTime/CalendarView.js

@@ -9,9 +9,9 @@ exports["default"] = exports.Span = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _Layout = require("../Layout");
 
@@ -19,6 +19,8 @@ var _DateTimeModule = _interopRequireDefault(require("../../DateTime/DateTime.mo
 
 var _common = require("../../utils/datetime/common");
 
+var _index = require("../../DateTime/dateFormatUtils/index");
+
 var _DaysRow = _interopRequireDefault(require("./DaysRow"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -80,7 +82,9 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
           dayNamesShort = _this$props.dayNamesShort,
           todayMonth = _this$props.todayMonth,
           todayDate = _this$props.todayDate,
-          todayYear = _this$props.todayYear;
+          todayYear = _this$props.todayYear,
+          startDate = _this$props.startDate,
+          endDate = _this$props.endDate;
       var userSeeDate = new Date(year, month, 1);
       var userSeeDay = userSeeDate.getDay() + 1;
       var userSeeYear = userSeeDate.getFullYear();
@@ -109,7 +113,7 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
           var dayArr = [];
           var output = null;
 
-          for (var i = 1; i < 8; i++) {
+          for (var i = 1; i <= 7; i++) {
             var tdclass = "".concat(_DateTimeModule["default"].datesStr, " ").concat(_DateTimeModule["default"].grid);
 
             if (i === 1) {
@@ -136,7 +140,9 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
                 userSeeMonth: userSeeMonth,
                 userSeeYear: userSeeYear,
                 dataId: isSelectedDay ? "".concat(dataId, "_dateSelected") : "".concat(dataId, "_date"),
-                isToday: isToday
+                isToday: isToday,
+                startDate: startDate,
+                endDate: endDate
               });
               incremday++;
             } else if (incremleti < userSeeDay) {
@@ -162,7 +168,9 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
                 userSeeMonth: prevMonth,
                 userSeeYear: prevYear,
                 dataId: isSelectedDay ? "".concat(dataId, "_dateSelected") : "".concat(dataId, "_invalidDate") // isToday={isToday}
-
+                ,
+                startDate: startDate,
+                endDate: endDate
               });
             } else if (incremleti > monthEnd) {
               var nextMonth = userSeeMonth + 1;
@@ -186,7 +194,9 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
                 userSeeMonth: nextMonth,
                 userSeeYear: nextYear,
                 dataId: isSelectedDay ? "".concat(dataId, "_dateSelected") : "".concat(dataId, "_invalidDate") //isToday={isToday}
-
+                ,
+                startDate: startDate,
+                endDate: endDate
               });
             } else {
               output = /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -266,12 +276,36 @@ var Span = /*#__PURE__*/function (_React$PureComponent2) {
           i = _this$props3.i,
           dataId = _this$props3.dataId,
           isActive = _this$props3.isActive,
-          isToday = _this$props3.isToday;
+          isToday = _this$props3.isToday,
+          userSeeMonth = _this$props3.userSeeMonth,
+          userSeeYear = _this$props3.userSeeYear,
+          startDate = _this$props3.startDate,
+          endDate = _this$props3.endDate;
+      var userSeeDate = new Date(userSeeYear, userSeeMonth, incremday);
+      var startDateRange, endDateRange;
+
+      if (startDate && endDate) {
+        startDateRange = new Date(startDate);
+        endDateRange = new Date(endDate);
+      } else if (!startDate && endDate) {
+        startDateRange = new Date((0, _index.getYearDetails)(4).startPoint, 0, 1);
+        endDateRange = new Date(endDate);
+      } else if (!endDate && startDate) {
+        startDateRange = new Date(startDate);
+        endDateRange = new Date((0, _index.getYearDetails)(4).endPoint, 11, 31);
+      } else {
+        startDateRange = new Date((0, _index.getYearDetails)(4).startPoint, 0, 1);
+        endDateRange = new Date((0, _index.getYearDetails)(4).endPoint, 11, 31);
+      }
+
+      startDateRange = new Date(startDateRange.getFullYear(), startDateRange.getMonth(), startDateRange.getDate());
+      endDateRange = new Date(endDateRange.getFullYear(), endDateRange.getMonth(), endDateRange.getDate());
+      var isActiveDate = startDateRange <= userSeeDate && endDateRange >= userSeeDate;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         dataId: dataId,
-        className: "".concat(tdclass, " ").concat(isActive ? _DateTimeModule["default"].active : '', " ").concat(isToday ? _DateTimeModule["default"].today : ''),
+        className: "".concat(tdclass, " ").concat(isActive && isActiveDate ? _DateTimeModule["default"].active : '', " ").concat(isToday ? _DateTimeModule["default"].today : '', " ").concat(!isActiveDate ? _DateTimeModule["default"].inActiveDate : ''),
         key: i,
-        onClick: this.handleSelectChild,
+        onClick: isActiveDate ? this.handleSelectChild : undefined,
         "aria-label": incremday
       }, incremday);
     }

package/lib/v1/DateTime/DateTime.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
@@ -751,7 +751,9 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
           positionsOffset = _this$props7.positionsOffset,
           targetOffset = _this$props7.targetOffset,
           isRestrictScroll = _this$props7.isRestrictScroll,
-          dropBoxPortalId = _this$props7.dropBoxPortalId;
+          dropBoxPortalId = _this$props7.dropBoxPortalId,
+          startDate = _this$props7.startDate,
+          endDate = _this$props7.endDate;
       var _i18nKeys$timeText = i18nKeys.timeText,
           timeText = _i18nKeys$timeText === void 0 ? 'Time' : _i18nKeys$timeText,
           _i18nKeys$submitText = i18nKeys.submitText,
@@ -801,7 +803,9 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
         dayNamesShort: dayNamesShort,
         todayDate: todayDate,
         todayMonth: todayMonth,
-        todayYear: todayYear
+        todayYear: todayYear,
+        startDate: startDate,
+        endDate: endDate
       }), isDateTimeField ? /*#__PURE__*/_react["default"].createElement(_Time["default"], {
         timeText: timeText,
         dataId: dataId,

package/lib/v1/DateTime/DateTimePopupFooter.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _Layout = require("../Layout");
 

package/lib/v1/DateTime/DateTimePopupHeader.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Layout = require("../Layout");
 

package/lib/v1/DateTime/DateWidget.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
@@ -1008,7 +1008,9 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
           dropBoxPortalId = _this$props11.dropBoxPortalId,
           a11y = _this$props11.a11y,
           boxSize = _this$props11.boxSize,
-          onError = _this$props11.onError;
+          onError = _this$props11.onError,
+          startDate = _this$props11.startDate,
+          endDate = _this$props11.endDate;
       var _this$state5 = this.state,
           _this$state5$selected = _this$state5.selected,
           value = _this$state5$selected === void 0 ? '' : _this$state5$selected,
@@ -1097,7 +1099,9 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
         isRestrictScroll: isRestrictScroll,
         dropBoxPortalId: dropBoxPortalId,
         boxSize: boxSize,
-        onError: onError
+        onError: onError,
+        startDate: startDate,
+        endDate: endDate
       }));
     }
   }]);

package/lib/v1/DateTime/DaysRow.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _DateTimeModule = _interopRequireDefault(require("../../DateTime/DateTime.module.css"));
 

package/lib/v1/DateTime/Time.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _Layout = require("../Layout");
 

package/lib/v1/DateTime/YearView.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../DateTime/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
-var _defaultProps = require("../../DateTime/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
 var _virtualizer = require("@zohodesk/virtualizer");
 

package/lib/v1/DateTime/props/defaultProps.js

@@ -0,0 +1,70 @@
+"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
+};
+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
+};
+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
+};
+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'
+};
+exports.Time_defaultProps = Time_defaultProps;

package/lib/v1/DateTime/props/propTypes.js

@@ -0,0 +1,227 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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"));
+
+var _dateFormats = require("../../../DateTime/dateFormatUtils/dateFormats");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+var CalendarView_propTypes = {
+  dataId: _propTypes["default"].string,
+  date: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  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]),
+  dayNames: _propTypes["default"].array,
+  dayNamesShort: _propTypes["default"].array,
+  todayMonth: _propTypes["default"].string,
+  todayDate: _propTypes["default"].string,
+  todayYear: _propTypes["default"].string,
+  startDate: _propTypes["default"].string,
+  endDate: _propTypes["default"].string
+};
+exports.CalendarView_propTypes = CalendarView_propTypes;
+var Span_propTypes = {
+  dataId: _propTypes["default"].string,
+  handleSelect: _propTypes["default"].func,
+  i: _propTypes["default"].number,
+  incremday: _propTypes["default"].number,
+  isActive: _propTypes["default"].bool,
+  tdclass: _propTypes["default"].string,
+  userSeeMonth: _propTypes["default"].number,
+  userSeeYear: _propTypes["default"].number,
+  isToday: _propTypes["default"].bool,
+  startDate: _propTypes["default"].string,
+  endDate: _propTypes["default"].string
+};
+exports.Span_propTypes = Span_propTypes;
+var DateTime_propTypes = {
+  boxSize: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  dateFormat: _propTypes["default"].string,
+  // eslint-disable-next-line react/no-unused-prop-types
+  defaultTime: _propTypes["default"].string,
+  getMethods: _propTypes["default"].func,
+  getRef: _propTypes["default"].func,
+  i18nKeys: _propTypes["default"].shape({
+    timeText: _propTypes["default"].string.isRequired,
+    submitText: _propTypes["default"].string.isRequired,
+    cancelText: _propTypes["default"].string.isRequired,
+    hourEmptyText: _propTypes["default"].string.isRequired,
+    minuteEmptyText: _propTypes["default"].string.isRequired,
+    nextMonthTitleText: _propTypes["default"].string.isRequired,
+    prevMonthTitleText: _propTypes["default"].string.isRequired
+  }),
+  innerClass: _propTypes["default"].string,
+  isAbsolute: _propTypes["default"].bool,
+  isActive: _propTypes["default"].bool,
+  isAnimate: _propTypes["default"].bool,
+  isDateTimeField: _propTypes["default"].bool,
+  isPadding: _propTypes["default"].bool,
+  isReady: _propTypes["default"].bool,
+  max: _propTypes["default"].string,
+  maxErrorText: _propTypes["default"].string,
+  min: _propTypes["default"].string,
+  minErrorText: _propTypes["default"].string,
+  // eslint-disable-next-line react/no-unused-prop-types
+  needAction: _propTypes["default"].bool,
+  needDefaultTime: _propTypes["default"].bool,
+  needResponsive: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  onClear: _propTypes["default"].func,
+  onClick: _propTypes["default"].func,
+  onDateSelect: _propTypes["default"].func,
+  onError: _propTypes["default"].func,
+  onSelect: _propTypes["default"].func,
+  position: _propTypes["default"].string,
+  timeZone: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  is24Hour: _propTypes["default"].bool,
+  isDefaultPosition: _propTypes["default"].bool,
+  customDateFormat: _propTypes["default"].string,
+  positionsOffset: _propTypes["default"].array,
+  targetOffset: _propTypes["default"].string,
+  isRestrictScroll: _propTypes["default"].bool,
+  dropBoxPortalId: _propTypes["default"].string,
+  startDate: _propTypes["default"].string,
+  endDate: _propTypes["default"].string
+};
+exports.DateTime_propTypes = DateTime_propTypes;
+var DateWidget_propTypes = {
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
+  cantEditOnPopupOpen: _propTypes["default"].bool,
+  children: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  closePopupOnly: _propTypes["default"].func,
+  dataId: _propTypes["default"].string,
+  dateFormat: _propTypes["default"].oneOf(_toConsumableArray(_dateFormats.dataFormatList)),
+  defaultPosition: _propTypes["default"].oneOf(['top', 'bottom', 'right', 'left']),
+  defaultTime: _propTypes["default"].string,
+  getContainerRef: _propTypes["default"].func,
+  getMethods: _propTypes["default"].func,
+  getRef: _propTypes["default"].func,
+  getTargetRef: _propTypes["default"].func,
+  i18nKeys: _propTypes["default"].object,
+  id: _propTypes["default"].string,
+  isDateTime: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isEditable: _propTypes["default"].bool,
+  isPopupCloseOnClick: _propTypes["default"].bool,
+  isPopupOpen: _propTypes["default"].bool,
+  isPopupOpenOnClick: _propTypes["default"].bool,
+  isPopupOpenOnEnter: _propTypes["default"].bool,
+  isPopupReady: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  max: _propTypes["default"].string,
+  maxErrorText: _propTypes["default"].string,
+  min: _propTypes["default"].string,
+  minErrorText: _propTypes["default"].string,
+  needBorder: _propTypes["default"].bool,
+  needDefaultTime: _propTypes["default"].bool,
+  needErrorOnBlur: _propTypes["default"].bool,
+  needResponsive: _propTypes["default"].bool,
+  onFailValidation: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  onPassValidation: _propTypes["default"].func,
+  onSelect: _propTypes["default"].func,
+  placeholder: _propTypes["default"].string,
+  position: _propTypes["default"].string,
+  removeClose: _propTypes["default"].func,
+  textBoxSize: _propTypes["default"].string,
+  textBoxVariant: _propTypes["default"].string,
+  timeZone: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
+  togglePopup: _propTypes["default"].func,
+  validation: _propTypes["default"].shape({
+    validate: _propTypes["default"].bool,
+    validateOn: _propTypes["default"].string,
+    rulesOrder: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    rules: _propTypes["default"].object,
+    messages: _propTypes["default"].object
+  }),
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  htmlId: _propTypes["default"].string,
+  iconOnHover: _propTypes["default"].bool,
+  is24Hour: _propTypes["default"].bool,
+  isHideCurrentYear: _propTypes["default"].bool,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  boxSize: _propTypes["default"].string,
+  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,
+  startDate: _propTypes["default"].string,
+  endDate: _propTypes["default"].string
+};
+exports.DateWidget_propTypes = DateWidget_propTypes;
+var YearView_propTypes = {
+  onSelectMonth: _propTypes["default"].func,
+  onSelectYear: _propTypes["default"].func,
+  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.Time_propTypes = Time_propTypes;

package/lib/v1/ListItem/ListItemWithAvatar.js

@@ -1,11 +1,13 @@
 "use strict";
 
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _Layout = require("../Layout");
 
@@ -25,6 +27,10 @@ var _ListItemModule = _interopRequireDefault(require("../../ListItem/ListItem.mo
 
 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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -151,12 +157,11 @@ var ListItemWithAvatar = function ListItemWithAvatar(props) {
   })) : null);
 };
 
-var _default = ListItemWithAvatar;
-exports["default"] = _default;
 ListItemWithAvatar.defaultProps = _defaultProps.ListItemWithAvatarDefaultProps;
-ListItemWithAvatar.propTypes = _propTypes.ListItemWithAvatar_Props; // if (__DOCS__) {
-//   ListItemWithAvatar.docs = {
-//     componentGroup: 'Molecule',
-//     folderName: 'Style Guide'
-//   };
-// }
+ListItemWithAvatar.propTypes = _propTypes.ListItemWithAvatar_Props;
+var MemoizedListItemWithAvatar = /*#__PURE__*/(0, _react.memo)(ListItemWithAvatar);
+MemoizedListItemWithAvatar.propTypes = _propTypes.ListItemWithAvatar_Props;
+MemoizedListItemWithAvatar.defaultProps = _defaultProps.ListItemWithAvatarDefaultProps;
+MemoizedListItemWithAvatar.displayName = 'ListItemWithAvatar';
+var _default = MemoizedListItemWithAvatar;
+exports["default"] = _default;

package/lib/v1/Tag/Tag.js

@@ -147,8 +147,11 @@ function Tag(props) {
   }))));
 }
 
-var _default = /*#__PURE__*/(0, _react.memo)(Tag);
-
-exports["default"] = _default;
 Tag.defaultProps = _defaultProps.defaultProps;
-Tag.propTypes = _propTypes.propTypes;
+Tag.propTypes = _propTypes.propTypes;
+var MemoizedTag = /*#__PURE__*/(0, _react.memo)(Tag);
+MemoizedTag.propTypes = _propTypes.propTypes;
+MemoizedTag.defaultProps = _defaultProps.defaultProps;
+MemoizedTag.displayName = 'Tag';
+var _default = MemoizedTag;
+exports["default"] = _default;

package/lib/v1/TextBox/TextBox.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = TextBox;
+exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -158,11 +158,10 @@ function TextBox(props) {
 }
 
 TextBox.defaultProps = _defaultProps.defaultProps;
-TextBox.propTypes = _propTypes.propTypes; // if (__DOCS__) {
-//   Textbox.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide',
-//     external: true,
-//     description: ' '
-//   };
-// }
+TextBox.propTypes = _propTypes.propTypes;
+var MemoizedTextBox = /*#__PURE__*/(0, _react.memo)(TextBox);
+MemoizedTextBox.propTypes = _propTypes.propTypes;
+MemoizedTextBox.defaultProps = _defaultProps.defaultProps;
+MemoizedTextBox.displayName = 'TextBox';
+var _default = MemoizedTextBox;
+exports["default"] = _default;