@zohodesk/components 1.0.0-temp-667 → 1.0.0-temp-70

package/es/Card/Card.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { CardHeader_propTypes, CardContent_propTypes, Card_propTypes, CardFooter_propTypes } from './props/propTypes';
+import { Card_defaultProps, CardContent_defaultProps } from './props/defaultProps';
 import { Container, Box } from '../Layout';
 import { getLibraryConfig } from '../Provider/Config';
 import style from './Card.module.css';
@@ -45,12 +46,7 @@ export class CardHeader extends Component {
   }
 
 }
-CardHeader.propTypes = {
-  children: PropTypes.element,
-  dataId: PropTypes.string,
-  isScroll: PropTypes.bool,
-  customClass: PropTypes.string
-};
+CardHeader.propTypes = CardHeader_propTypes;
 export class CardContent extends Component {
   render() {
     let {
@@ -61,13 +57,15 @@ export class CardContent extends Component {
       isScrollAttribute,
       dataId,
       shrink,
-      customClass
+      customClass,
+      preventParentScroll
     } = this.props;
     return /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       onScroll: onScroll,
       eleRef: eleRef,
       scroll: scroll,
+      preventParentScroll: preventParentScroll,
       isScrollAttribute: isScrollAttribute,
       dataId: dataId,
       shrink: shrink,
@@ -76,22 +74,8 @@ export class CardContent extends Component {
   }
 
 }
-CardContent.propTypes = {
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  eleRef: PropTypes.func,
-  isScrollAttribute: PropTypes.bool,
-  onScroll: PropTypes.func,
-  scroll: PropTypes.oneOf(['horizontal', 'vertical', 'both', 'none']),
-  shrink: PropTypes.bool,
-  customClass: PropTypes.string
-};
-CardContent.defaultProps = {
-  isScrollAttribute: false,
-  scroll: 'vertical',
-  dataId: 'CardContent',
-  customClass: ''
-};
+CardContent.propTypes = CardContent_propTypes;
+CardContent.defaultProps = CardContent_defaultProps;
 export default class Card extends Component {
   constructor(props) {
     super(props);
@@ -236,6 +220,7 @@ export default class Card extends Component {
           role: role,
           flexible: true,
           scroll: child.props.scroll,
+          preventParentScroll: child.props.preventParentScroll,
           onScroll: this.onScroll,
           eleRef: child.props.eleRef,
           isScrollAttribute: child.props.isScrollAttribute,
@@ -250,38 +235,8 @@ export default class Card extends Component {
   }
 
 }
-Card.propTypes = {
-  childTypes: PropTypes.object,
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  fetchData: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
-  from: PropTypes.number,
-  isScrollAttribute: PropTypes.bool,
-  // isScrollShadow: PropTypes.bool,
-  limit: PropTypes.number,
-  noMoreData: PropTypes.bool,
-  noNeedUpScroll: PropTypes.bool,
-  onClick: PropTypes.func,
-  onScroll: PropTypes.func,
-  scrollAt: PropTypes.string,
-  customClass: PropTypes.string,
-  htmlId: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string
-  }),
-  isPercentageScroll: PropTypes.bool
-};
-Card.defaultProps = {
-  isScrollAttribute: false,
-  // isScrollShadow: true,
-  onClick: null,
-  scrollAt: '10',
-  a11y: {},
-  isPercentageScroll: false
-}; // Card.propTypesDescription = {
-//   children: ' ',
-//   isScrollAttribute: ' '
-// };
+Card.propTypes = Card_propTypes;
+Card.defaultProps = Card_defaultProps;
 
 if (false) {
   Card.docs = {
@@ -306,7 +261,4 @@ export class CardFooter extends Component {
   }
 
 }
-CardFooter.propTypes = {
-  children: PropTypes.node,
-  customClass: PropTypes.string
-};
+CardFooter.propTypes = CardFooter_propTypes;

package/es/Card/props/defaultProps.js

@@ -0,0 +1,15 @@
+export const Card_defaultProps = {
+  isScrollAttribute: false,
+  // isScrollShadow: true,
+  onClick: null,
+  scrollAt: '10',
+  a11y: {},
+  isPercentageScroll: false
+};
+export const CardContent_defaultProps = {
+  isScrollAttribute: false,
+  scroll: 'vertical',
+  preventParentScroll: 'vertical',
+  dataId: 'CardContent',
+  customClass: ''
+};

package/es/Card/props/propTypes.js

@@ -0,0 +1,43 @@
+import PropTypes from 'prop-types';
+export const CardHeader_propTypes = {
+  children: PropTypes.element,
+  dataId: PropTypes.string,
+  isScroll: PropTypes.bool,
+  customClass: PropTypes.string
+};
+export const CardContent_propTypes = {
+  children: PropTypes.node,
+  dataId: PropTypes.string,
+  eleRef: PropTypes.func,
+  isScrollAttribute: PropTypes.bool,
+  onScroll: PropTypes.func,
+  scroll: PropTypes.PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
+  shrink: PropTypes.bool,
+  customClass: PropTypes.string,
+  preventParentScroll: PropTypes.PropTypes.oneOf(['vertical', 'horizontal', 'both'])
+};
+export const Card_propTypes = {
+  childTypes: PropTypes.object,
+  children: PropTypes.node,
+  dataId: PropTypes.string,
+  fetchData: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
+  from: PropTypes.number,
+  isScrollAttribute: PropTypes.bool,
+  // isScrollShadow: PropTypes.bool,
+  limit: PropTypes.number,
+  noMoreData: PropTypes.bool,
+  noNeedUpScroll: PropTypes.bool,
+  onClick: PropTypes.func,
+  onScroll: PropTypes.func,
+  scrollAt: PropTypes.string,
+  customClass: PropTypes.string,
+  htmlId: PropTypes.string,
+  a11y: PropTypes.shape({
+    role: PropTypes.string
+  }),
+  isPercentageScroll: PropTypes.bool
+};
+export const CardFooter_propTypes = {
+  children: PropTypes.node,
+  customClass: PropTypes.string
+};

package/es/CheckBox/CheckBox.js

@@ -1,7 +1,8 @@
-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 _extends() { _extends = Object.assign || 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); }
 
 import React from 'react';
-import PropTypes from 'prop-types';
+import { propTypes } from './props/propTypes';
+import { defaultProps } from './props/defaultProps';
 import Label from '../Label/Label';
 import { Container, Box } from '../Layout';
 import CssProvider from '../Provider/CssProvider';
@@ -149,64 +150,8 @@ export default class CheckBox extends React.Component {
   }
 
 }
-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.bool,
-  activeStyle: PropTypes.oneOf(['tick', 'minus']),
-  ariaLabel: PropTypes.string,
-  ariaLabelledby: PropTypes.string,
-  checked: PropTypes.bool,
-  dataId: PropTypes.string,
-  disabled: PropTypes.bool,
-  disabledTitle: PropTypes.string,
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  isFilled: PropTypes.bool,
-  isClipped: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  labelPalette: PropTypes.oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
-  labelSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  name: PropTypes.string,
-  onChange: PropTypes.func,
-  palette: PropTypes.oneOf(['primary', 'danger']),
-  size: PropTypes.oneOf(['small', 'medium']),
-  text: PropTypes.string,
-  title: PropTypes.string,
-  variant: PropTypes.oneOf(['default', 'primary']),
-  customClass: PropTypes.shape({
-    customCheckBox: PropTypes.string,
-    customLabel: PropTypes.string,
-    customCBoxSize: PropTypes.string,
-    customTickSize: PropTypes.string
-  }),
-  a11y: PropTypes.shape({
-    ariaLabel: PropTypes.string,
-    ariaLabelledby: PropTypes.string,
-    ariaHidden: PropTypes.bool,
-    ariaChecked: PropTypes.bool
-  }),
-  customProps: PropTypes.shape({
-    CheckBoxProps: PropTypes.object,
-    LabelProps: PropTypes.object
-  })
-};
+CheckBox.defaultProps = defaultProps;
+CheckBox.propTypes = propTypes;
 
 if (false) {
   CheckBox.docs = {

package/es/CheckBox/props/defaultProps.js

@@ -0,0 +1,18 @@
+export const 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: {}
+};

package/es/CheckBox/props/propTypes.js

@@ -0,0 +1,41 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  active: PropTypes.bool,
+  activeStyle: PropTypes.oneOf(['tick', 'minus']),
+  ariaLabel: PropTypes.string,
+  ariaLabelledby: PropTypes.string,
+  checked: PropTypes.bool,
+  dataId: PropTypes.string,
+  disabled: PropTypes.bool,
+  disabledTitle: PropTypes.string,
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  isFilled: PropTypes.bool,
+  isClipped: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  labelPalette: PropTypes.oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
+  labelSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  name: PropTypes.string,
+  onChange: PropTypes.func,
+  palette: PropTypes.oneOf(['primary', 'danger']),
+  size: PropTypes.oneOf(['small', 'medium']),
+  text: PropTypes.string,
+  title: PropTypes.string,
+  variant: PropTypes.oneOf(['default', 'primary']),
+  customClass: PropTypes.shape({
+    customCheckBox: PropTypes.string,
+    customLabel: PropTypes.string,
+    customCBoxSize: PropTypes.string,
+    customTickSize: PropTypes.string
+  }),
+  a11y: PropTypes.shape({
+    ariaLabel: PropTypes.string,
+    ariaLabelledby: PropTypes.string,
+    ariaHidden: PropTypes.bool,
+    ariaChecked: PropTypes.bool
+  }),
+  customProps: PropTypes.shape({
+    CheckBoxProps: PropTypes.object,
+    LabelProps: PropTypes.object
+  })
+};

package/es/DateTime/CalendarView.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { Span_propTypes, CalendarView_propTypes } from './props/propTypes';
+import { CalendarView_defaultProps, Span_defaultProps } from './props/defaultProps';
 import { Container, Box } from '../Layout';
 import style from './DateTime.module.css';
 import { getMonthEnd } from '../utils/datetime/common';
@@ -159,18 +160,8 @@ export default class CalendarView extends React.PureComponent {
   }
 
 }
-CalendarView.propTypes = {
-  dataId: PropTypes.string,
-  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  month: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  needBorder: PropTypes.bool,
-  onSelect: PropTypes.func,
-  year: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-CalendarView.defaultProps = {
-  dataId: 'dateContainer',
-  needBorder: true
-};
+CalendarView.propTypes = CalendarView_propTypes;
+CalendarView.defaultProps = CalendarView_defaultProps;
 export class Span extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -204,16 +195,5 @@ export class Span extends React.PureComponent {
   }
 
 }
-Span.propTypes = {
-  dataId: PropTypes.string,
-  handleSelect: PropTypes.func,
-  i: PropTypes.number,
-  incremday: PropTypes.number,
-  isActive: PropTypes.bool,
-  tdclass: PropTypes.string,
-  userSeeMonth: PropTypes.number,
-  userSeeYear: PropTypes.number
-};
-Span.defaultProps = {
-  dataId: 'calendar-view'
-};
+Span.propTypes = Span_propTypes;
+Span.defaultProps = Span_defaultProps;

package/es/DateTime/DateTime.js

@@ -2,7 +2,8 @@
 
 /* eslint-disable react/forbid-component-props */
 import React from 'react';
-import PropTypes from 'prop-types';
+import { DateTime_propTypes } from './props/propTypes';
+import { DateTime_defaultProps } from './props/defaultProps';
 import datetime from '@zohodesk/datetimejs';
 import CalendarView from './CalendarView';
 import YearView from './YearView';
@@ -771,64 +772,5 @@ export default class DateTime extends React.PureComponent {
   }
 
 }
-DateTime.propTypes = {
-  boxSize: PropTypes.string,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dateFormat: PropTypes.string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  defaultTime: PropTypes.string,
-  getMethods: PropTypes.func,
-  getRef: PropTypes.func,
-  i18nKeys: PropTypes.shape({
-    timeText: PropTypes.string.isRequired,
-    submitText: PropTypes.string.isRequired,
-    cancelText: PropTypes.string.isRequired,
-    hourEmptyText: PropTypes.string.isRequired,
-    minuteEmptyText: PropTypes.string.isRequired,
-    nextMonthTitleText: PropTypes.string.isRequired,
-    prevMonthTitleText: PropTypes.string.isRequired
-  }),
-  innerClass: PropTypes.string,
-  isAbsolute: PropTypes.bool,
-  isActive: PropTypes.bool,
-  isAnimate: PropTypes.bool,
-  isDateTimeField: PropTypes.bool,
-  isPadding: PropTypes.bool,
-  isReady: PropTypes.bool,
-  max: PropTypes.string,
-  maxErrorText: PropTypes.string,
-  min: PropTypes.string,
-  minErrorText: PropTypes.string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  needAction: PropTypes.bool,
-  needDefaultTime: PropTypes.bool,
-  needResponsive: PropTypes.bool,
-  onChange: PropTypes.func,
-  onClear: PropTypes.func,
-  onClick: PropTypes.func,
-  onDateSelect: PropTypes.func,
-  onError: PropTypes.func,
-  onSelect: PropTypes.func,
-  position: PropTypes.string,
-  timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  is24Hour: PropTypes.bool,
-  isDefaultPosition: PropTypes.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 = DateTime_propTypes;
+DateTime.defaultProps = DateTime_defaultProps;

package/es/DateTime/DateWidget.js

@@ -1,6 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import PropTypes from 'prop-types';
+import { DateWidget_propTypes } from './props/propTypes';
+import { DateWidget_defaultProps } from './props/defaultProps';
 import datetime from '@zohodesk/datetimejs';
 /**** Components ****/
 
@@ -1074,88 +1075,8 @@ class DateWidgetComponent extends React.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.oneOf(['transparent', 'default']),
-  cantEditOnPopupOpen: PropTypes.bool,
-  children: PropTypes.object,
-  className: PropTypes.string,
-  closePopupOnly: PropTypes.func,
-  dataId: PropTypes.string,
-  dateFormat: PropTypes.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.oneOf(['top', 'bottom', 'right', 'left']),
-  defaultTime: PropTypes.string,
-  getContainerRef: PropTypes.func,
-  getMethods: PropTypes.func,
-  getRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  i18nKeys: PropTypes.object,
-  id: PropTypes.string,
-  isDateTime: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isEditable: PropTypes.bool,
-  isPopupCloseOnClick: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  isPopupOpenOnClick: PropTypes.bool,
-  isPopupOpenOnEnter: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  max: PropTypes.string,
-  maxErrorText: PropTypes.string,
-  min: PropTypes.string,
-  minErrorText: PropTypes.string,
-  needBorder: PropTypes.bool,
-  needDefaultTime: PropTypes.bool,
-  needErrorOnBlur: PropTypes.bool,
-  needResponsive: PropTypes.bool,
-  onFailValidation: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onPassValidation: PropTypes.func,
-  onSelect: PropTypes.func,
-  placeholder: PropTypes.string,
-  position: PropTypes.string,
-  removeClose: PropTypes.func,
-  textBoxSize: PropTypes.string,
-  textBoxVariant: PropTypes.string,
-  timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  togglePopup: PropTypes.func,
-  validation: PropTypes.shape({
-    validate: PropTypes.bool,
-    validateOn: PropTypes.string,
-    rulesOrder: PropTypes.arrayOf(PropTypes.string),
-    rules: PropTypes.object,
-    messages: PropTypes.object
-  }),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  htmlId: PropTypes.string,
-  iconOnHover: PropTypes.bool,
-  is24Hour: PropTypes.bool,
-  isHideCurrentYear: PropTypes.bool,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func
-};
+DateWidgetComponent.defaultProps = DateWidget_defaultProps;
+DateWidgetComponent.propTypes = DateWidget_propTypes;
 const DateWidget = Popup(DateWidgetComponent);
 DateWidget.defaultProps = DateWidgetComponent.defaultProps; // eslint-disable-next-line no-undef
 

package/es/DateTime/YearView.js

@@ -1,6 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import PropTypes from 'prop-types';
+import { YearView_propTypes } from './props/propTypes';
+import { YearView_defaultProps } from './props/defaultProps';
 /**** Components ****/
 
 import { Virtualizer } from '@zohodesk/virtualizer';
@@ -252,14 +253,5 @@ export default class YearView extends React.PureComponent {
   }
 
 }
-YearView.propTypes = {
-  dataId: PropTypes.string,
-  needBorder: PropTypes.bool,
-  onSelectMonth: PropTypes.func,
-  onSelectYear: PropTypes.func,
-  viewedYear: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-YearView.defaultProps = {
-  dataId: 'dateContainer',
-  needBorder: true
-};
+YearView.propTypes = YearView_propTypes;
+YearView.defaultProps = YearView_defaultProps;

package/es/DateTime/props/defaultProps.js

@@ -0,0 +1,50 @@
+export const CalendarView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true
+};
+export const Span_defaultProps = {
+  dataId: 'calendar-view'
+};
+export const 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
+};
+export const 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
+};
+export const YearView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true
+};