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

package/es/Tooltip/props/propTypes.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  isHtml: PropTypes.string,
+  isPosition: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
+  title: PropTypes.string,
+  customClass: PropTypes.string
+};

package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.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 { VelocityComponent } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
 import LibraryContext from '../../Provider/LibraryContextInit';
@@ -67,28 +68,8 @@ export default class VelocityAnimation extends React.Component {
   }
 
 }
-VelocityAnimation.defaultProps = {
-  runOnMount: false,
-  isCustomized: true,
-  needUIPack: true,
-  isFlex: false,
-  duration: 300
-};
-VelocityAnimation.propTypes = {
-  children: PropTypes.node.isRequired,
-  delay: PropTypes.number,
-  duration: PropTypes.number,
-  isActive: PropTypes.bool.isRequired,
-  isCustomized: PropTypes.bool,
-  isFlex: PropTypes.bool,
-  name: PropTypes.oneOf(['fade', 'slideRight', 'shrink', 'expand', 'slideDown', 'flyDown', 'slideLeft']),
-  needUIPack: PropTypes.bool,
-  runOnMount: PropTypes.bool
-};
-VelocityAnimation.contextTypes = {
-  direction: PropTypes.string,
-  isReducedMotion: PropTypes.bool
-};
+VelocityAnimation.defaultProps = defaultProps;
+VelocityAnimation.propTypes = propTypes;
 VelocityAnimation.contextType = LibraryContext;
 
 if (false) {

package/es/VelocityAnimation/VelocityAnimation/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  runOnMount: false,
+  isCustomized: true,
+  needUIPack: true,
+  isFlex: false,
+  duration: 300
+};

package/es/VelocityAnimation/VelocityAnimation/props/propTypes.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node.isRequired,
+  delay: PropTypes.number,
+  duration: PropTypes.number,
+  isActive: PropTypes.bool.isRequired,
+  isCustomized: PropTypes.bool,
+  isFlex: PropTypes.bool,
+  name: PropTypes.oneOf(['fade', 'slideRight', 'shrink', 'expand', 'slideDown', 'flyDown', 'slideLeft']),
+  needUIPack: PropTypes.bool,
+  runOnMount: PropTypes.bool
+};

package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.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 from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityTransitionGroup } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
 import LibraryContext from '../../Provider/LibraryContextInit';
@@ -96,44 +97,10 @@ export default class VelocityAnimationGroup extends React.Component {
   }
 
 }
-VelocityAnimationGroup.defaultProps = {
-  runOnMount: false,
-  enterHideStyle: {
-    display: 'none'
-  },
-  enterShowStyle: {
-    display: ''
-  },
-  isFlex: false,
-  enterDuration: 300,
-  exitDuration: 300,
-  isActive: false,
-  isCustomized: true,
-  needUIPack: true,
+VelocityAnimationGroup.defaultProps = { ...defaultProps,
   component: React.Fragment
 };
-VelocityAnimationGroup.propTypes = {
-  children: PropTypes.node.isRequired,
-  component: PropTypes.element,
-  enterDelay: PropTypes.number,
-  enterDuration: PropTypes.number,
-  enterHideStyle: PropTypes.object,
-  enterName: PropTypes.string,
-  enterShowStyle: PropTypes.object,
-  exitDelay: PropTypes.number,
-  exitDuration: PropTypes.number,
-  exitName: PropTypes.string,
-  isActive: PropTypes.bool,
-  isCustomized: PropTypes.bool,
-  isFlex: PropTypes.bool,
-  name: PropTypes.oneOf(['fade', 'slideDown', 'flyDown', 'slideRight', 'shrink', 'expand', 'slideLeft']),
-  needUIPack: PropTypes.bool,
-  runOnMount: PropTypes.bool
-};
-VelocityAnimationGroup.contextTypes = {
-  direction: PropTypes.string,
-  isReducedMotion: PropTypes.bool
-};
+VelocityAnimationGroup.propTypes = propTypes;
 VelocityAnimationGroup.contextType = LibraryContext;
 
 if (false) {

package/es/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js

@@ -0,0 +1,15 @@
+export const defaultProps = {
+  runOnMount: false,
+  enterHideStyle: {
+    display: 'none'
+  },
+  enterShowStyle: {
+    display: ''
+  },
+  isFlex: false,
+  enterDuration: 300,
+  exitDuration: 300,
+  isActive: false,
+  isCustomized: true,
+  needUIPack: true
+};

package/es/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js

@@ -0,0 +1,19 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node.isRequired,
+  component: PropTypes.element,
+  enterDelay: PropTypes.number,
+  enterDuration: PropTypes.number,
+  enterHideStyle: PropTypes.object,
+  enterName: PropTypes.string,
+  enterShowStyle: PropTypes.object,
+  exitDelay: PropTypes.number,
+  exitDuration: PropTypes.number,
+  exitName: PropTypes.string,
+  isActive: PropTypes.bool,
+  isCustomized: PropTypes.bool,
+  isFlex: PropTypes.bool,
+  name: PropTypes.oneOf(['fade', 'slideDown', 'flyDown', 'slideRight', 'shrink', 'expand', 'slideLeft']),
+  needUIPack: PropTypes.bool,
+  runOnMount: PropTypes.bool
+};

package/es/deprecated/PortalLayer/PortalLayer.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types'; //Components
+import { propTypes } from './props/propTypes';
+import { defaultProps } from './props/defaultProps'; //Components
 
 import Modal from '../../Modal/Modal';
 let RefElement = /*#__PURE__*/React.forwardRef((props, ref) => {
@@ -95,21 +96,8 @@ export default class PortalLayer extends React.Component {
   }
 
 }
-PortalLayer.defaultProps = {
-  autoZIndexNeeded: true,
-  isChildrenRestrictionNeeded: false,
-  portalId: 'portal1'
-};
-PortalLayer.propTypes = {
-  autoZIndexNeeded: PropTypes.bool,
-  children: PropTypes.element,
-  initialState: PropTypes.bool,
-  isChildrenRestrictionNeeded: PropTypes.bool,
-  portalId: PropTypes.string,
-  renderChildren: PropTypes.func,
-  saveGetFunction: PropTypes.func,
-  saveUpdateFunction: PropTypes.func
-};
+PortalLayer.defaultProps = defaultProps;
+PortalLayer.propTypes = propTypes;
 
 if (false) {
   PortalLayer.docs = {

package/es/deprecated/PortalLayer/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  autoZIndexNeeded: true,
+  isChildrenRestrictionNeeded: false,
+  portalId: 'portal1'
+};

package/es/deprecated/PortalLayer/props/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  autoZIndexNeeded: PropTypes.bool,
+  children: PropTypes.element,
+  initialState: PropTypes.bool,
+  isChildrenRestrictionNeeded: PropTypes.bool,
+  portalId: PropTypes.string,
+  renderChildren: PropTypes.func,
+  saveGetFunction: PropTypes.func,
+  saveUpdateFunction: PropTypes.func
+};

package/es/index.js

@@ -150,4 +150,6 @@ export { default as Provider__Zindex_For_FunctionComponent } from './Provider/do
 export { default as SemanticButton } from './semantic/Button/Button';
 export { default as SemanticButton__default } from './semantic/Button/docs/Button__default.docs.js';
 export { default as LightNightMode__AlternativeColors } from './LightNightMode/docs/AlternativeColors.docs';
-export { default as ResponsiveDropBox } from './ResponsiveDropBox/ResponsiveDropBox';
+export { default as ResponsiveDropBox } from './ResponsiveDropBox/ResponsiveDropBox';
+export { default as Heading } from './Heading/Heading';
+export { default as Heading__default } from './Heading/docs/Heading__default.docs.js';

package/es/semantic/Button/Button.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 style from './semanticButton.module.css';
 export default class Button extends React.Component {
   constructor(props) {
@@ -49,43 +50,8 @@ export default class Button extends React.Component {
   }
 
 }
-Button.defaultProps = {
-  children: null,
-  autoFocus: false,
-  dataId: 'semanticButton',
-  disabled: false,
-  palette: 'primary',
-  text: 'Button',
-  type: 'button',
-  value: 'text',
-  customClass: '',
-  a11y: {}
-};
-Button.propTypes = {
-  ariaControls: PropTypes.bool,
-  ariaExpanded: PropTypes.bool,
-  ariaHaspopup: PropTypes.bool,
-  ariaLabel: PropTypes.string,
-  autofocus: PropTypes.bool,
-  children: PropTypes.node,
-  customClass: PropTypes.string,
-  dataId: PropTypes.string,
-  disabled: PropTypes.bool,
-  name: PropTypes.string,
-  onClick: PropTypes.func,
-  ref: PropTypes.func,
-  text: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(['submit', 'reset', 'button']),
-  value: PropTypes.string,
-  a11y: PropTypes.shape({
-    ariaLabel: PropTypes.string,
-    ariaHaspopup: PropTypes.bool,
-    ariaExpanded: PropTypes.bool,
-    ariaControls: PropTypes.string,
-    ariaLabelledby: PropTypes.string
-  })
-};
+Button.defaultProps = defaultProps;
+Button.propTypes = propTypes;
 
 if (false) {
   Button.docs = {

package/es/semantic/Button/props/defaultProps.js

@@ -0,0 +1,12 @@
+export const defaultProps = {
+  children: null,
+  autoFocus: false,
+  dataId: 'semanticButton',
+  disabled: false,
+  palette: 'primary',
+  text: 'Button',
+  type: 'button',
+  value: 'text',
+  customClass: '',
+  a11y: {}
+};

package/es/semantic/Button/props/propTypes.js

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  ariaControls: PropTypes.bool,
+  ariaExpanded: PropTypes.bool,
+  ariaHaspopup: PropTypes.bool,
+  ariaLabel: PropTypes.string,
+  autofocus: PropTypes.bool,
+  children: PropTypes.node,
+  customClass: PropTypes.string,
+  dataId: PropTypes.string,
+  disabled: PropTypes.bool,
+  name: PropTypes.string,
+  onClick: PropTypes.func,
+  ref: PropTypes.func,
+  text: PropTypes.string,
+  title: PropTypes.string,
+  type: PropTypes.oneOf(['submit', 'reset', 'button']),
+  value: PropTypes.string,
+  a11y: PropTypes.shape({
+    ariaLabel: PropTypes.string,
+    ariaHaspopup: PropTypes.bool,
+    ariaExpanded: PropTypes.bool,
+    ariaControls: PropTypes.string,
+    ariaLabelledby: PropTypes.string
+  })
+};

package/lib/Accordion/Accordion.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -118,25 +120,8 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Accordion;
-Accordion.propTypes = {
-  children: _propTypes["default"].node,
-  className: _propTypes["default"].string,
-  disableInternalState: _propTypes["default"].bool,
-  height: _propTypes["default"].string,
-  onSelect: _propTypes["default"].func,
-  selectedItem: _propTypes["default"].string.isRequired,
-  unMount: _propTypes["default"].bool,
-  a11y: _propTypes["default"].shape({
-    role: _propTypes["default"].string,
-    ariaExpanded: _propTypes["default"].bool,
-    ariaHaspopup: _propTypes["default"].bool
-  })
-};
-Accordion.defaultProps = {
-  unMount: true,
-  disableInternalState: false,
-  a11y: {}
-};
+Accordion.propTypes = _propTypes.Accordion_propTypes;
+Accordion.defaultProps = _defaultProps.Accordion_defaultProps;
 
 if (false) {
   Accordion.docs = {

package/lib/Accordion/AccordionItem.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimation/VelocityAnimation"));
 
@@ -97,24 +99,8 @@ var AccordionItem = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = AccordionItem;
-AccordionItem.propTypes = {
-  children: _propTypes["default"].node,
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  equalityCheck: _propTypes["default"].func,
-  id: _propTypes["default"].string,
-  selectMenu: _propTypes["default"].func,
-  selectedItem: _propTypes["default"].string,
-  unMount: _propTypes["default"].bool,
-  unMountItem: _propTypes["default"].bool,
-  innerClass: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    role: _propTypes["default"].string
-  })
-};
-AccordionItem.defaultProps = {
-  a11y: {}
-};
+AccordionItem.propTypes = _propTypes.AccordionItem_propTypes;
+AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps;
 
 if (false) {
   AccordionItem.docs = {

package/lib/Accordion/props/defaultProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion_defaultProps = exports.AccordionItem_defaultProps = void 0;
+var Accordion_defaultProps = {
+  unMount: true,
+  disableInternalState: false,
+  a11y: {}
+};
+exports.Accordion_defaultProps = Accordion_defaultProps;
+var AccordionItem_defaultProps = {
+  a11y: {}
+};
+exports.AccordionItem_defaultProps = AccordionItem_defaultProps;

package/lib/Accordion/props/propTypes.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion_propTypes = exports.AccordionItem_propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Accordion_propTypes = {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  disableInternalState: _propTypes["default"].bool,
+  height: _propTypes["default"].string,
+  onSelect: _propTypes["default"].func,
+  selectedItem: _propTypes["default"].string.isRequired,
+  unMount: _propTypes["default"].bool,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaExpanded: _propTypes["default"].bool,
+    ariaHaspopup: _propTypes["default"].bool
+  })
+};
+exports.Accordion_propTypes = Accordion_propTypes;
+var AccordionItem_propTypes = {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  equalityCheck: _propTypes["default"].func,
+  id: _propTypes["default"].string,
+  selectMenu: _propTypes["default"].func,
+  selectedItem: _propTypes["default"].string,
+  unMount: _propTypes["default"].bool,
+  unMountItem: _propTypes["default"].bool,
+  innerClass: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string
+  })
+};
+exports.AccordionItem_propTypes = AccordionItem_propTypes;

package/lib/Animation/Animation.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _reactTransitionGroup = require("react-transition-group");
 
@@ -171,30 +173,8 @@ var Animation = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Animation;
-Animation.propTypes = {
-  children: _propTypes["default"].node,
-  delayClassName: _propTypes["default"].string,
-  enterDuration: _propTypes["default"].number,
-  exitDuration: _propTypes["default"].number,
-  isActive: _propTypes["default"].bool,
-  name: _propTypes["default"].oneOf(['zoomIn', 'scaleIn', 'fadeIn', 'slideLeft', 'slideDown', 'skewIn', 'default', 'none']),
-  onEntered: _propTypes["default"].func,
-  onExit: _propTypes["default"].func,
-  unmountOnExit: _propTypes["default"].bool
-};
-Animation.defaultProps = {
-  enterDuration: 300,
-  exitDuration: 300,
-  isActive: false,
-  name: 'fadeIn',
-  unmountOnExit: true
-}; // Animation.propTypesDescription = {
-//   name: ' ',
-//   children: ' ',
-//   enterDuration: ' ',
-//   exitDuration: ' ',
-//   isActive: ' '
-// };
+Animation.propTypes = _propTypes.propTypes;
+Animation.defaultProps = _defaultProps.defaultProps;
 
 if (false) {
   Animation.docs = {

package/lib/Animation/props/defaultProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  enterDuration: 300,
+  exitDuration: 300,
+  isActive: false,
+  name: 'fadeIn',
+  unmountOnExit: true
+};
+exports.defaultProps = defaultProps;

package/lib/Animation/props/propTypes.js

@@ -0,0 +1,23 @@
+"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 = {
+  children: _propTypes["default"].node,
+  delayClassName: _propTypes["default"].string,
+  enterDuration: _propTypes["default"].number,
+  exitDuration: _propTypes["default"].number,
+  isActive: _propTypes["default"].bool,
+  name: _propTypes["default"].oneOf(['zoomIn', 'scaleIn', 'fadeIn', 'slideLeft', 'slideDown', 'skewIn', 'default', 'none']),
+  onEntered: _propTypes["default"].func,
+  onExit: _propTypes["default"].func,
+  unmountOnExit: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;

package/lib/AppContainer/AppContainer.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _Layout = require("../Layout");
 
@@ -181,28 +183,8 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = AppContainer;
-AppContainer.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element)]),
-  dataId: _propTypes["default"].string,
-  eleRef: _propTypes["default"].func,
-  tagName: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  tooltipClass: _propTypes["default"].string,
-  tooltipParentClass: _propTypes["default"].string,
-  customProps: _propTypes["default"].shape({
-    ContainerProps: _propTypes["default"].object,
-    TooltipProps: _propTypes["default"].object,
-    ExtraProps: _propTypes["default"].object
-  })
-};
-AppContainer.defaultProps = {
-  dataId: 'AppContainer',
-  tagName: 'div',
-  className: '',
-  tooltipClass: '',
-  tooltipParentClass: '',
-  customProps: {}
-};
+AppContainer.propTypes = _propTypes.propTypes;
+AppContainer.defaultProps = _defaultProps.defaultProps;
 
 if (false) {
   AppContainer.docs = {

package/lib/AppContainer/props/defaultProps.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  dataId: 'AppContainer',
+  tagName: 'div',
+  className: '',
+  tooltipClass: '',
+  tooltipParentClass: '',
+  customProps: {}
+};
+exports.defaultProps = defaultProps;

package/lib/AppContainer/props/propTypes.js

@@ -0,0 +1,26 @@
+"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 = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element)]),
+  dataId: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  tagName: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  tooltipClass: _propTypes["default"].string,
+  tooltipParentClass: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    ContainerProps: _propTypes["default"].object,
+    TooltipProps: _propTypes["default"].object,
+    ExtraProps: _propTypes["default"].object
+  })
+};
+exports.propTypes = propTypes;