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

package/es/PopOver/PopOver.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { PopOver_defaultProps, PopOverContainer_defaultProps } from './props/defaultProps';
+import { PopOver_propTypes, PopOverTarget_propTypes, PopOverContainer_propTypes } from './props/propTypes';
 import Popup from '../Popup/Popup';
 import { Box } from '../Layout';
 import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
@@ -107,54 +108,8 @@ class PopOver extends React.Component {
 
 }
 
-PopOver.defaultProps = {
-  isAnimate: false,
-  isArrow: false
-};
-PopOver.propTypes = {
-  arrowBottom: PropTypes.string,
-  arrowLeft: PropTypes.string,
-  arrowPosition: PropTypes.string,
-  arrowRight: PropTypes.string,
-  arrowTop: PropTypes.string,
-  bottom: PropTypes.string,
-  boxPosition: PropTypes.string,
-  children: PropTypes.node,
-  getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  isAnimate: PropTypes.bool,
-  isArrow: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  left: PropTypes.string,
-  onClick: PropTypes.func,
-  onPopupClose: PropTypes.func,
-  onPopupOpen: PropTypes.func,
-  position: PropTypes.string,
-  removeClose: PropTypes.func,
-  right: PropTypes.string,
-  size: PropTypes.string,
-  togglePopup: PropTypes.func,
-  top: PropTypes.string
-}; // PopOver.propTypesDescription = {
-//   right: ' ',
-//   left: ' ',
-//   top: ' ',
-//   bottom: ' ',
-//   arrowRight: ' ',
-//   arrowLeft: ' ',
-//   arrowTop: ' ',
-//   arrowBottom: ' ',
-//   arrowPosition: ' ',
-//   boxPosition: ' ',
-//   size: ' ',
-//   children: ' ',
-//   onPopupOpen: ' ',
-//   isPopupOpen: ' ',
-//   onPopupClose: ' ',
-//   getTargetRef: ' ',
-//   getContainerRef: ' '
-// };
+PopOver.defaultProps = PopOver_defaultProps;
+PopOver.propTypes = PopOver_propTypes;
 
 if (false) {
   PopOver.docs = {
@@ -192,11 +147,7 @@ export class PopOverTarget extends React.Component {
   }
 
 }
-PopOverTarget.propTypes = {
-  children: PropTypes.node,
-  getRef: PropTypes.func,
-  togglePopup: PropTypes.func
-};
+PopOverTarget.propTypes = PopOverTarget_propTypes;
 export class PopOverContainer extends React.Component {
   constructor(props) {
     super(props);
@@ -266,27 +217,5 @@ export class PopOverContainer extends React.Component {
   }
 
 }
-PopOverContainer.defaultProps = {
-  isArrow: false
-};
-PopOverContainer.propTypes = {
-  animationStyle: PropTypes.string,
-  arrowBottom: PropTypes.string,
-  arrowLeft: PropTypes.string,
-  arrowPosition: PropTypes.string,
-  arrowRight: PropTypes.string,
-  arrowTop: PropTypes.string,
-  bottom: PropTypes.string,
-  boxPosition: PropTypes.string,
-  children: PropTypes.node,
-  getRef: PropTypes.func,
-  isAnimate: PropTypes.bool,
-  isArrow: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  left: PropTypes.string,
-  onClick: PropTypes.func,
-  removeClose: PropTypes.func,
-  right: PropTypes.string,
-  size: PropTypes.string,
-  top: PropTypes.string
-};
+PopOverContainer.defaultProps = PopOverContainer_defaultProps;
+PopOverContainer.propTypes = PopOverContainer_propTypes;

package/es/PopOver/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const PopOver_defaultProps = {
+  isAnimate: false,
+  isArrow: false
+};
+export const PopOverContainer_defaultProps = {
+  isArrow: false
+};

package/es/PopOver/props/propTypes.js

@@ -0,0 +1,53 @@
+import PropTypes from 'prop-types';
+export const PopOver_propTypes = {
+  arrowBottom: PropTypes.string,
+  arrowLeft: PropTypes.string,
+  arrowPosition: PropTypes.string,
+  arrowRight: PropTypes.string,
+  arrowTop: PropTypes.string,
+  bottom: PropTypes.string,
+  boxPosition: PropTypes.string,
+  children: PropTypes.node,
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  isAnimate: PropTypes.bool,
+  isArrow: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  left: PropTypes.string,
+  onClick: PropTypes.func,
+  onPopupClose: PropTypes.func,
+  onPopupOpen: PropTypes.func,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  right: PropTypes.string,
+  size: PropTypes.string,
+  togglePopup: PropTypes.func,
+  top: PropTypes.string
+};
+export const PopOverTarget_propTypes = {
+  children: PropTypes.node,
+  getRef: PropTypes.func,
+  togglePopup: PropTypes.func
+};
+export const PopOverContainer_propTypes = {
+  animationStyle: PropTypes.string,
+  arrowBottom: PropTypes.string,
+  arrowLeft: PropTypes.string,
+  arrowPosition: PropTypes.string,
+  arrowRight: PropTypes.string,
+  arrowTop: PropTypes.string,
+  bottom: PropTypes.string,
+  boxPosition: PropTypes.string,
+  children: PropTypes.node,
+  getRef: PropTypes.func,
+  isAnimate: PropTypes.bool,
+  isArrow: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  left: PropTypes.string,
+  onClick: PropTypes.func,
+  removeClose: PropTypes.func,
+  right: PropTypes.string,
+  size: PropTypes.string,
+  top: PropTypes.string
+};

package/es/Radio/Radio.js

@@ -1,6 +1,7 @@
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium'] }] */
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Label from '../Label/Label';
 import { Container, Box } from '../Layout';
 import style from './Radio.module.css';
@@ -111,51 +112,8 @@ export default class Radio extends React.Component {
   }
 
 }
-Radio.defaultProps = {
-  checked: false,
-  disabled: false,
-  isReadOnly: false,
-  active: false,
-  palette: 'primary',
-  labelPalette: 'default',
-  labelSize: 'medium',
-  size: 'medium',
-  variant: 'default',
-  isFilled: true,
-  customClass: {},
-  a11y: {}
-};
-Radio.propTypes = {
-  active: PropTypes.bool,
-  checked: PropTypes.bool,
-  dataId: PropTypes.string,
-  disabled: PropTypes.bool,
-  disabledTitle: PropTypes.string,
-  id: PropTypes.string,
-  isFilled: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  labelPalette: PropTypes.oneOf(['default', 'primary', 'danger', 'mandatory']),
-  labelSize: PropTypes.oneOf(['small', 'medium', 'large']),
-  name: PropTypes.string,
-  palette: PropTypes.oneOf(['primary', 'danger']),
-  size: PropTypes.oneOf(['small', 'medium']),
-  title: PropTypes.string,
-  value: PropTypes.string,
-  variant: PropTypes.oneOf(['primary', 'default']),
-  customClass: PropTypes.shape({
-    customRadioWrap: PropTypes.string,
-    customRadio: PropTypes.string,
-    customLabel: PropTypes.string
-  }),
-  a11y: PropTypes.shape({
-    ariaChecked: PropTypes.bool,
-    ariaHidden: PropTypes.bool,
-    role: PropTypes.string,
-    ariaLabelledby: PropTypes.string,
-    ariaLabel: PropTypes.string,
-    ariaReadonly: PropTypes.bool
-  })
-};
+Radio.defaultProps = defaultProps;
+Radio.propTypes = propTypes;
 
 if (false) {
   Radio.docs = {

package/es/Radio/props/defaultProps.js

@@ -0,0 +1,14 @@
+export const defaultProps = {
+  checked: false,
+  disabled: false,
+  isReadOnly: false,
+  active: false,
+  palette: 'primary',
+  labelPalette: 'default',
+  labelSize: 'medium',
+  size: 'medium',
+  variant: 'default',
+  isFilled: true,
+  customClass: {},
+  a11y: {}
+};

package/es/Radio/props/propTypes.js

@@ -0,0 +1,32 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  active: PropTypes.bool,
+  checked: PropTypes.bool,
+  dataId: PropTypes.string,
+  disabled: PropTypes.bool,
+  disabledTitle: PropTypes.string,
+  id: PropTypes.string,
+  isFilled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  labelPalette: PropTypes.oneOf(['default', 'primary', 'danger', 'mandatory']),
+  labelSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  name: PropTypes.string,
+  palette: PropTypes.oneOf(['primary', 'danger']),
+  size: PropTypes.oneOf(['small', 'medium']),
+  title: PropTypes.string,
+  value: PropTypes.string,
+  variant: PropTypes.oneOf(['primary', 'default']),
+  customClass: PropTypes.shape({
+    customRadioWrap: PropTypes.string,
+    customRadio: PropTypes.string,
+    customLabel: PropTypes.string
+  }),
+  a11y: PropTypes.shape({
+    ariaChecked: PropTypes.bool,
+    ariaHidden: PropTypes.bool,
+    role: PropTypes.string,
+    ariaLabelledby: PropTypes.string,
+    ariaLabel: PropTypes.string,
+    ariaReadonly: PropTypes.bool
+  })
+};

package/es/Responsive/CustomResponsive.js

@@ -1,5 +1,6 @@
 import React, { useContext, useEffect, useState, useRef, useMemo } from 'react';
-import PropTypes from 'prop-types';
+import { CustomResponsiveSender_defaultProps, CustomResponsiveReceiver_defaultProps } from './props/defaultProps';
+import { CustomResponsiveSender_propTypes, CustomResponsiveReceiver_propTypes } from './props/propTypes';
 import ResizeObserver from './ResizeObserver';
 import DOMRefWrapper from './RefWrapper';
 import shallowCompare from './utils/shallowCompare';
@@ -88,16 +89,11 @@ export function ResponsiveSender(props) {
     ref: containerRef
   }, children)));
 }
-ResponsiveSender.defaultProps = {
-  responsiveId: defaultResponsiveId,
-  domRefKey: 'eleRef'
+ResponsiveSender.defaultProps = { ...CustomResponsiveSender_defaultProps,
+  responsiveId: defaultResponsiveId
 };
 ResponsiveSender.contextType = ResponsiveContext;
-ResponsiveSender.propTypes = {
-  children: PropTypes.any.isRequired,
-  domRefKey: PropTypes.string,
-  responsiveId: PropTypes.string
-};
+ResponsiveSender.propTypes = CustomResponsiveSender_propTypes;
 export function useResponsiveReceiver() {
   let responsiveId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultResponsiveId;
   let query = arguments.length > 1 ? arguments[1] : undefined;
@@ -187,14 +183,7 @@ export function ResponsiveReceiver(_ref) {
     ref: eleRef
   }, child) : child;
 }
-ResponsiveReceiver.defaultProps = {
-  responsiveId: defaultResponsiveId,
-  domRefKey: 'eleRef'
+ResponsiveReceiver.defaultProps = { ...CustomResponsiveReceiver_defaultProps,
+  responsiveId: defaultResponsiveId
 };
-ResponsiveReceiver.propTypes = {
-  children: PropTypes.func,
-  domRefKey: PropTypes.string,
-  eleRef: PropTypes.func,
-  query: PropTypes.func,
-  responsiveId: PropTypes.string
-};
+ResponsiveReceiver.propTypes = CustomResponsiveReceiver_propTypes;

package/es/Responsive/Responsive.js

@@ -1,7 +1,7 @@
-import "core-js/modules/es.array.includes";
 import React, { useContext, useEffect, useState, useMemo } from 'react'; // import React, { useState, useMemo, useCallback, useContext } from 'react';
 
-import PropTypes from 'prop-types';
+import { ResponsiveSender_defaultProps, ResponsiveReceiver_defaultProps } from './props/defaultProps';
+import { ResponsiveSender_propTypes, ResponsiveReceiver_propTypes } from './props/propTypes';
 import ResizeObserver from './ResizeObserver';
 import DOMRefWrapper from './RefWrapper';
 import { windowResizeObserver } from './windowResizeObserver';
@@ -91,18 +91,11 @@ export class ResponsiveSender extends React.Component {
   }
 
 }
-ResponsiveSender.defaultProps = {
-  responsiveId: defaultResponsiveId,
-  domRefKey: 'eleRef' // matcher: defaultMatcher
-
+ResponsiveSender.defaultProps = { ...ResponsiveSender_defaultProps,
+  responsiveId: defaultResponsiveId
 };
 ResponsiveSender.contextType = ResponsiveContext;
-ResponsiveSender.propTypes = {
-  children: PropTypes.any.isRequired,
-  domRefKey: PropTypes.string,
-  responsiveId: PropTypes.string // matcher: PropTypes.func
-
-};
+ResponsiveSender.propTypes = ResponsiveSender_propTypes;
 export function useResponsiveReceiver() {
   let responsiveId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultResponsiveId;
   const [_, forceUpdate] = useState();
@@ -195,15 +188,7 @@ export function ResponsiveReceiver(_ref) {
     ref: eleRef
   }, child) : child : null;
 }
-ResponsiveReceiver.defaultProps = {
-  responsiveId: defaultResponsiveId,
-  domRefKey: 'eleRef',
-  hiddenSizes: []
+ResponsiveReceiver.defaultProps = { ...ResponsiveReceiver_defaultProps,
+  responsiveId: defaultResponsiveId
 };
-ResponsiveReceiver.propTypes = {
-  children: PropTypes.func,
-  domRefKey: PropTypes.string,
-  eleRef: PropTypes.func,
-  hiddenSizes: PropTypes.array,
-  responsiveId: PropTypes.string
-};
+ResponsiveReceiver.propTypes = ResponsiveReceiver_propTypes;

package/es/Responsive/props/defaultProps.js

@@ -0,0 +1,13 @@
+export const CustomResponsiveSender_defaultProps = {
+  domRefKey: 'eleRef'
+};
+export const CustomResponsiveReceiver_defaultProps = {
+  domRefKey: 'eleRef'
+};
+export const ResponsiveSender_defaultProps = {
+  domRefKey: 'eleRef'
+};
+export const ResponsiveReceiver_defaultProps = {
+  domRefKey: 'eleRef',
+  hiddenSizes: []
+};

package/es/Responsive/props/propTypes.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+export const CustomResponsiveSender_propTypes = {
+  children: PropTypes.any.isRequired,
+  domRefKey: PropTypes.string,
+  responsiveId: PropTypes.string
+};
+export const CustomResponsiveReceiver_propTypes = {
+  children: PropTypes.func,
+  domRefKey: PropTypes.string,
+  eleRef: PropTypes.func,
+  query: PropTypes.func,
+  responsiveId: PropTypes.string
+};
+export const ResponsiveSender_propTypes = {
+  children: PropTypes.any.isRequired,
+  domRefKey: PropTypes.string,
+  responsiveId: PropTypes.string
+};
+export const ResponsiveReceiver_propTypes = {
+  children: PropTypes.func,
+  domRefKey: PropTypes.string,
+  eleRef: PropTypes.func,
+  hiddenSizes: PropTypes.array,
+  responsiveId: PropTypes.string
+};

package/es/ResponsiveDropBox/ResponsiveDropBox.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); }
 
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import DropBox from '../DropBox/DropBox';
 import { Container } from '../Layout';
 import { ResponsiveReceiver } from '../Responsive/CustomResponsive';
@@ -62,13 +63,5 @@ export default class ResponsiveDropBox extends Component {
   }
 
 }
-ResponsiveDropBox.propTypes = {
-  children: PropTypes.element,
-  customClass: PropTypes.object,
-  isResponsivePadding: PropTypes.bool,
-  alignBox: PropTypes.oneOf(['column', 'row'])
-};
-ResponsiveDropBox.defaultProps = {
-  isResponsivePadding: false,
-  alignBox: 'column'
-};
+ResponsiveDropBox.propTypes = propTypes;
+ResponsiveDropBox.defaultProps = defaultProps;

package/es/ResponsiveDropBox/props/defaultProps.js

@@ -0,0 +1,4 @@
+export const defaultProps = {
+  isResponsivePadding: false,
+  alignBox: 'column'
+};

package/es/ResponsiveDropBox/props/propTypes.js

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.element,
+  customClass: PropTypes.object,
+  isResponsivePadding: PropTypes.bool,
+  alignBox: PropTypes.oneOf(['column', 'row'])
+};

package/es/Ribbon/Ribbon.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: [default, flag, plain, ribbon, box, stamp, sticker, small, medium, large, xlarge, palette_default, palette_danger, palette_primary, palette_secondary, palette_info, palette_dark, plain_default, plain_danger, plain_primary, plain_secondary, plain_info, plain_dark, tag] }] */
 
 import style from './Ribbon.module.css';
@@ -30,30 +31,8 @@ export default class Ribbon extends React.Component {
   }
 
 }
-Ribbon.propTypes = {
-  children: PropTypes.element,
-  dataId: PropTypes.string,
-  palette: PropTypes.oneOf(['default', 'danger', 'primary', 'secondary', 'info', 'dark']),
-  size: PropTypes.oneOf(['small', 'medium', 'large', 'xlarge']),
-  text: PropTypes.string,
-  type: PropTypes.oneOf(['default', 'flag', 'plain', 'ribbon', 'box', 'stamp', 'sticker', 'tag']),
-  customClass: PropTypes.string
-}; // Ribbon.propTypesDescription = {
-//   text: ' ',
-//   type: ' ',
-//   children: ' ',
-//   palette: ' ',
-//   size: ' '
-// };
-
-Ribbon.defaultProps = {
-  palette: 'default',
-  size: 'large',
-  text: 'Ribbon',
-  type: 'default',
-  dataId: 'ribbonComp',
-  customClass: ''
-};
+Ribbon.propTypes = propTypes;
+Ribbon.defaultProps = defaultProps;
 
 if (false) {
   Ribbon.docs = {

package/es/Ribbon/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const defaultProps = {
+  palette: 'default',
+  size: 'large',
+  text: 'Ribbon',
+  type: 'default',
+  dataId: 'ribbonComp',
+  customClass: ''
+};

package/es/Ribbon/props/propTypes.js

@@ -0,0 +1,10 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.element,
+  dataId: PropTypes.string,
+  palette: PropTypes.oneOf(['default', 'danger', 'primary', 'secondary', 'info', 'dark']),
+  size: PropTypes.oneOf(['small', 'medium', 'large', 'xlarge']),
+  text: PropTypes.string,
+  type: PropTypes.oneOf(['default', 'flag', 'plain', 'ribbon', 'box', 'stamp', 'sticker', 'tag']),
+  customClass: PropTypes.string
+};

package/es/RippleEffect/RippleEffect.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import CssProvider from '../Provider/CssProvider';
 import style from './RippleEffect.module.css';
 export default function RippleEffect(props) {
@@ -19,25 +20,8 @@ export default function RippleEffect(props) {
     className: `${child.props.className || ''} ${className}`
   });
 }
-RippleEffect.defaultProps = {
-  isActive: false,
-  isDisabled: false,
-  isNeedEffect: true,
-  needBorder: true,
-  hoverType: 'default',
-  palette: 'default',
-  isCopyTextEnabled: false
-};
-RippleEffect.propTypes = {
-  children: PropTypes.node,
-  hoverType: PropTypes.oneOf(['default', 'border', 'bg']),
-  isActive: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isNeedEffect: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  palette: PropTypes.oneOf(['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger']),
-  isCopyTextEnabled: PropTypes.bool
-};
+RippleEffect.defaultProps = defaultProps;
+RippleEffect.propTypes = propTypes;
 
 if (false) {
   RippleEffect.docs = {

package/es/RippleEffect/props/defaultProps.js

@@ -0,0 +1,9 @@
+export const defaultProps = {
+  isActive: false,
+  isDisabled: false,
+  isNeedEffect: true,
+  needBorder: true,
+  hoverType: 'default',
+  palette: 'default',
+  isCopyTextEnabled: false
+};

package/es/RippleEffect/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  hoverType: PropTypes.oneOf(['default', 'border', 'bg']),
+  isActive: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isNeedEffect: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  palette: PropTypes.oneOf(['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger']),
+  isCopyTextEnabled: PropTypes.bool
+};