@zohodesk/components 1.0.0-alpha-248 → 1.0.0-alpha-250

package/lib/Card/props/defaultProps.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Card_defaultProps = exports.CardContent_defaultProps = void 0;
+var Card_defaultProps = {
+  isScrollAttribute: false,
+  // isScrollShadow: true,
+  onClick: null,
+  scrollAt: '10',
+  a11y: {},
+  isPercentageScroll: false
+};
+exports.Card_defaultProps = Card_defaultProps;
+var CardContent_defaultProps = {
+  isScrollAttribute: false,
+  scroll: 'vertical',
+  preventParentScroll: 'vertical',
+  dataId: 'CardContent',
+  customClass: ''
+};
+exports.CardContent_defaultProps = CardContent_defaultProps;

package/lib/Card/props/propTypes.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Card_propTypes = exports.CardHeader_propTypes = exports.CardFooter_propTypes = exports.CardContent_propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var CardHeader_propTypes = {
+  children: _propTypes["default"].element,
+  dataId: _propTypes["default"].string,
+  isScroll: _propTypes["default"].bool,
+  customClass: _propTypes["default"].string
+};
+exports.CardHeader_propTypes = CardHeader_propTypes;
+var CardContent_propTypes = {
+  children: _propTypes["default"].node,
+  dataId: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  isScrollAttribute: _propTypes["default"].bool,
+  onScroll: _propTypes["default"].func,
+  scroll: _propTypes["default"].PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
+  shrink: _propTypes["default"].bool,
+  customClass: _propTypes["default"].string,
+  preventParentScroll: _propTypes["default"].PropTypes.oneOf(['vertical', 'horizontal', 'both'])
+};
+exports.CardContent_propTypes = CardContent_propTypes;
+var Card_propTypes = {
+  childTypes: _propTypes["default"].object,
+  children: _propTypes["default"].node,
+  dataId: _propTypes["default"].string,
+  fetchData: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].bool]),
+  from: _propTypes["default"].number,
+  isScrollAttribute: _propTypes["default"].bool,
+  // isScrollShadow: PropTypes.bool,
+  limit: _propTypes["default"].number,
+  noMoreData: _propTypes["default"].bool,
+  noNeedUpScroll: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onScroll: _propTypes["default"].func,
+  scrollAt: _propTypes["default"].string,
+  customClass: _propTypes["default"].string,
+  htmlId: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string
+  }),
+  isPercentageScroll: _propTypes["default"].bool
+};
+exports.Card_propTypes = Card_propTypes;
+var CardFooter_propTypes = {
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string
+};
+exports.CardFooter_propTypes = CardFooter_propTypes;

package/lib/CheckBox/CheckBox.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _Label = _interopRequireDefault(require("../Label/Label"));
 
@@ -199,64 +201,8 @@ var CheckBox = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = CheckBox;
-CheckBox.defaultProps = {
-  checked: false,
-  disabled: false,
-  isReadOnly: false,
-  active: false,
-  labelPalette: 'default',
-  labelSize: 'medium',
-  palette: 'primary',
-  size: 'medium',
-  isFilled: true,
-  variant: 'default',
-  dataId: 'checkBox',
-  activeStyle: 'tick',
-  customClass: {},
-  a11y: {},
-  isClipped: true,
-  customProps: {}
-};
-CheckBox.propTypes = {
-  active: _propTypes["default"].bool,
-  activeStyle: _propTypes["default"].oneOf(['tick', 'minus']),
-  ariaLabel: _propTypes["default"].string,
-  ariaLabelledby: _propTypes["default"].string,
-  checked: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  disabledTitle: _propTypes["default"].string,
-  getRef: _propTypes["default"].func,
-  id: _propTypes["default"].string,
-  isFilled: _propTypes["default"].bool,
-  isClipped: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
-  labelPalette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
-  labelSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  name: _propTypes["default"].string,
-  onChange: _propTypes["default"].func,
-  palette: _propTypes["default"].oneOf(['primary', 'danger']),
-  size: _propTypes["default"].oneOf(['small', 'medium']),
-  text: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  variant: _propTypes["default"].oneOf(['default', 'primary']),
-  customClass: _propTypes["default"].shape({
-    customCheckBox: _propTypes["default"].string,
-    customLabel: _propTypes["default"].string,
-    customCBoxSize: _propTypes["default"].string,
-    customTickSize: _propTypes["default"].string
-  }),
-  a11y: _propTypes["default"].shape({
-    ariaLabel: _propTypes["default"].string,
-    ariaLabelledby: _propTypes["default"].string,
-    ariaHidden: _propTypes["default"].bool,
-    ariaChecked: _propTypes["default"].bool
-  }),
-  customProps: _propTypes["default"].shape({
-    CheckBoxProps: _propTypes["default"].object,
-    LabelProps: _propTypes["default"].object
-  })
-};
+CheckBox.defaultProps = _defaultProps.defaultProps;
+CheckBox.propTypes = _propTypes.propTypes;
 
 if (false) {
   CheckBox.docs = {

package/lib/CheckBox/props/defaultProps.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  checked: false,
+  disabled: false,
+  isReadOnly: false,
+  active: false,
+  labelPalette: 'default',
+  labelSize: 'medium',
+  palette: 'primary',
+  size: 'medium',
+  isFilled: true,
+  variant: 'default',
+  dataId: 'checkBox',
+  activeStyle: 'tick',
+  customClass: {},
+  a11y: {},
+  isClipped: true,
+  customProps: {}
+};
+exports.defaultProps = defaultProps;

package/lib/CheckBox/props/propTypes.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  active: _propTypes["default"].bool,
+  activeStyle: _propTypes["default"].oneOf(['tick', 'minus']),
+  ariaLabel: _propTypes["default"].string,
+  ariaLabelledby: _propTypes["default"].string,
+  checked: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  disabledTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  id: _propTypes["default"].string,
+  isFilled: _propTypes["default"].bool,
+  isClipped: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  labelPalette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
+  labelSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  name: _propTypes["default"].string,
+  onChange: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['primary', 'danger']),
+  size: _propTypes["default"].oneOf(['small', 'medium']),
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  variant: _propTypes["default"].oneOf(['default', 'primary']),
+  customClass: _propTypes["default"].shape({
+    customCheckBox: _propTypes["default"].string,
+    customLabel: _propTypes["default"].string,
+    customCBoxSize: _propTypes["default"].string,
+    customTickSize: _propTypes["default"].string
+  }),
+  a11y: _propTypes["default"].shape({
+    ariaLabel: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string,
+    ariaHidden: _propTypes["default"].bool,
+    ariaChecked: _propTypes["default"].bool
+  }),
+  customProps: _propTypes["default"].shape({
+    CheckBoxProps: _propTypes["default"].object,
+    LabelProps: _propTypes["default"].object
+  })
+};
+exports.propTypes = propTypes;

package/lib/DateTime/CalendarView.js

@@ -9,7 +9,9 @@ exports["default"] = exports.Span = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _Layout = require("../Layout");
 
@@ -210,18 +212,8 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
 }(_react["default"].PureComponent);
 
 exports["default"] = CalendarView;
-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])
-};
-CalendarView.defaultProps = {
-  dataId: 'dateContainer',
-  needBorder: true
-};
+CalendarView.propTypes = _propTypes.CalendarView_propTypes;
+CalendarView.defaultProps = _defaultProps.CalendarView_defaultProps;
 
 var Span = /*#__PURE__*/function (_React$PureComponent2) {
   _inherits(Span, _React$PureComponent2);
@@ -270,16 +262,5 @@ var Span = /*#__PURE__*/function (_React$PureComponent2) {
 }(_react["default"].PureComponent);
 
 exports.Span = Span;
-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
-};
-Span.defaultProps = {
-  dataId: 'calendar-view'
-};
+Span.propTypes = _propTypes.Span_propTypes;
+Span.defaultProps = _defaultProps.Span_defaultProps;

package/lib/DateTime/DateTime.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
@@ -854,64 +856,5 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
 }(_react["default"].PureComponent);
 
 exports["default"] = DateTime;
-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
-};
-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
-};
+DateTime.propTypes = _propTypes.DateTime_propTypes;
+DateTime.defaultProps = _defaultProps.DateTime_defaultProps;

package/lib/DateTime/DateWidget.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
@@ -1099,88 +1101,8 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
   return DateWidgetComponent;
 }(_react["default"].Component);
 
-DateWidgetComponent.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
-};
-DateWidgetComponent.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(['yyyy/MM/dd', 'MM/dd/yyyy', 'dd/MM/yyyy', 'yyyy-MM-dd', 'MM-dd-yyyy', 'dd-MM-yyyy', 'yyyy.MM.dd', 'MM.dd.yyyy', 'dd.MM.yyyy', 'dd/MMMM/YY', 'dd/MMM/YY']),
-  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
-};
+DateWidgetComponent.defaultProps = _defaultProps.DateWidget_defaultProps;
+DateWidgetComponent.propTypes = _propTypes.DateWidget_propTypes;
 var DateWidget = (0, _Popup["default"])(DateWidgetComponent);
 DateWidget.defaultProps = DateWidgetComponent.defaultProps; // eslint-disable-next-line no-undef
 

package/lib/DateTime/YearView.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _virtualizer = require("@zohodesk/virtualizer");
 
@@ -311,14 +313,5 @@ var YearView = /*#__PURE__*/function (_React$PureComponent3) {
 }(_react["default"].PureComponent);
 
 exports["default"] = YearView;
-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])
-};
-YearView.defaultProps = {
-  dataId: 'dateContainer',
-  needBorder: true
-};
+YearView.propTypes = _propTypes.YearView_propTypes;
+YearView.defaultProps = _defaultProps.YearView_defaultProps;

package/lib/DateTime/props/defaultProps.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YearView_defaultProps = exports.Span_defaultProps = exports.DateWidget_defaultProps = exports.DateTime_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
+};
+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;