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

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
+};

package/es/DateTime/props/propTypes.js

@@ -0,0 +1,130 @@
+import PropTypes from 'prop-types';
+export const 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])
+};
+export const 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
+};
+export const 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
+};
+export const DateWidget_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
+};
+export const YearView_propTypes = {
+  dataId: PropTypes.string,
+  needBorder: PropTypes.bool,
+  onSelectMonth: PropTypes.func,
+  onSelectYear: PropTypes.func,
+  viewedYear: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};

package/es/DropBox/DropBox.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, { Fragment } from 'react';
-import PropTypes from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { remConvert } from '../utils/Common';
 import Modal from '../Modal/Modal';
 import style from './DropBox.module.css';
@@ -235,77 +236,9 @@ export default class DropBox extends React.Component {
   }
 
 }
-DropBox.propTypes = {
-  animationStyle: PropTypes.oneOf(['default', 'bounce']),
-  arrowBottom: PropTypes.number,
-  arrowLeft: PropTypes.number,
-  arrowPosition: PropTypes.oneOf(['start', 'mid', 'end']),
-  arrowRight: PropTypes.number,
-  arrowTop: PropTypes.number,
-  bottom: PropTypes.number,
-  boxPosition: PropTypes.oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
-  children: PropTypes.element,
-  dataId: PropTypes.string,
-  forwardRef: PropTypes.object,
-  getRef: PropTypes.func,
-  isAbsolutePositioningNeeded: PropTypes.bool,
-  isActive: PropTypes.bool,
-  isAnimate: PropTypes.bool,
-  isArrow: PropTypes.bool,
-  isBoxPaddingNeed: PropTypes.bool,
-  isPadding: PropTypes.bool,
-  isRadius: PropTypes.bool,
-  left: PropTypes.number,
-  needResponsive: PropTypes.bool,
-  onClick: PropTypes.func,
-  right: PropTypes.number,
-  size: PropTypes.oneOf(['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default']),
-  top: PropTypes.number,
-  tourId: PropTypes.string,
-  htmlId: PropTypes.string,
-  tabIndex: PropTypes.number,
-  customClass: PropTypes.shape({
-    customDropBox: PropTypes.string,
-    customMobileDropBox: PropTypes.string,
-    customDropBoxWrap: PropTypes.string,
-    customMobileDropBoxWrap: PropTypes.string
-  }),
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaMultiselectable: PropTypes.bool,
-    ariaLabelledby: PropTypes.string
-  }),
-  palette: PropTypes.oneOf(['default', 'dark']),
-  needAutoZindex: PropTypes.bool,
-  portalId: PropTypes.string,
-  isRestrictScroll: PropTypes.bool,
-  customStyle: PropTypes.object
-};
-DropBox.contextTypes = {
-  direction: PropTypes.string,
-  isReducedMotion: PropTypes.bool
-};
+DropBox.propTypes = propTypes;
 DropBox.contextType = LibraryContext;
-DropBox.defaultProps = {
-  animationStyle: 'default',
-  boxPosition: 'bottomLeft',
-  dataId: 'dropBox',
-  isActive: false,
-  isAnimate: false,
-  isArrow: true,
-  isRadius: true,
-  size: 'default',
-  needResponsive: true,
-  isAbsolutePositioningNeeded: true,
-  isBoxPaddingNeed: false,
-  isPadding: true,
-  customClass: {},
-  a11y: {},
-  palette: 'default',
-  needAutoZindex: true,
-  portalId: 'portal1',
-  isRestrictScroll: false
-};
+DropBox.defaultProps = defaultProps;
 
 if (false) {
   DropBox.docs = {

package/es/DropBox/props/defaultProps.js

@@ -0,0 +1,20 @@
+export const defaultProps = {
+  animationStyle: 'default',
+  boxPosition: 'bottomLeft',
+  dataId: 'dropBox',
+  isActive: false,
+  isAnimate: false,
+  isArrow: true,
+  isRadius: true,
+  size: 'default',
+  needResponsive: true,
+  isAbsolutePositioningNeeded: true,
+  isBoxPaddingNeed: false,
+  isPadding: true,
+  customClass: {},
+  a11y: {},
+  palette: 'default',
+  needAutoZindex: true,
+  portalId: 'portal1',
+  isRestrictScroll: false
+};

package/es/DropBox/props/propTypes.js

@@ -0,0 +1,47 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  animationStyle: PropTypes.oneOf(['default', 'bounce']),
+  arrowBottom: PropTypes.number,
+  arrowLeft: PropTypes.number,
+  arrowPosition: PropTypes.oneOf(['start', 'mid', 'end']),
+  arrowRight: PropTypes.number,
+  arrowTop: PropTypes.number,
+  bottom: PropTypes.number,
+  boxPosition: PropTypes.oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
+  children: PropTypes.element,
+  dataId: PropTypes.string,
+  forwardRef: PropTypes.object,
+  getRef: PropTypes.func,
+  isAbsolutePositioningNeeded: PropTypes.bool,
+  isActive: PropTypes.bool,
+  isAnimate: PropTypes.bool,
+  isArrow: PropTypes.bool,
+  isBoxPaddingNeed: PropTypes.bool,
+  isPadding: PropTypes.bool,
+  isRadius: PropTypes.bool,
+  left: PropTypes.number,
+  needResponsive: PropTypes.bool,
+  onClick: PropTypes.func,
+  right: PropTypes.number,
+  size: PropTypes.oneOf(['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default']),
+  top: PropTypes.number,
+  tourId: PropTypes.string,
+  htmlId: PropTypes.string,
+  tabIndex: PropTypes.number,
+  customClass: PropTypes.shape({
+    customDropBox: PropTypes.string,
+    customMobileDropBox: PropTypes.string,
+    customDropBoxWrap: PropTypes.string,
+    customMobileDropBoxWrap: PropTypes.string
+  }),
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaMultiselectable: PropTypes.bool,
+    ariaLabelledby: PropTypes.string
+  }),
+  palette: PropTypes.oneOf(['default', 'dark']),
+  needAutoZindex: PropTypes.bool,
+  portalId: PropTypes.string,
+  isRestrictScroll: PropTypes.bool,
+  customStyle: PropTypes.object
+};

package/es/DropDown/DropDown.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { DropDown_propTypes, DropDownTarget_propTypes, DropDownContainer_propTypes, DropDownItemContainer_propTypes } from './props/propTypes';
+import { DropDownItemContainer_defaultProps } from './props/defaultProps';
 import style from './DropDown.module.css';
 import PopOver, { PopOverTarget, PopOverContainer } from '../PopOver/PopOver';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['dropdown', 'shadow', 'target', 'menu', 'header', 'headertext', 'list', 'padding', 'listHover', 'active', 'children', 'user', 'footer', 'separator', 'small', 'search', 'medium', 'heading'] }] */
@@ -13,24 +14,7 @@ export default class DropDown extends React.Component {
   }
 
 }
-DropDown.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,
-  isAnimate: PropTypes.bool,
-  isArrow: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  left: PropTypes.string,
-  onClick: PropTypes.func,
-  right: PropTypes.string,
-  size: PropTypes.string,
-  top: PropTypes.string
-};
+DropDown.propTypes = DropDown_propTypes;
 
 if (false) {
   DropDown.docs = {
@@ -48,9 +32,7 @@ export class DropDownTarget extends React.Component {
   }
 
 }
-DropDownTarget.propTypes = {
-  children: PropTypes.node
-};
+DropDownTarget.propTypes = DropDownTarget_propTypes;
 export class DropDownContainer extends React.Component {
   render() {
     let {
@@ -60,9 +42,7 @@ export class DropDownContainer extends React.Component {
   }
 
 }
-DropDownContainer.propTypes = {
-  children: PropTypes.node
-};
+DropDownContainer.propTypes = DropDownContainer_propTypes;
 export class DropDownItemContainer extends React.Component {
   constructor(props) {
     super(props);
@@ -98,12 +78,5 @@ export class DropDownItemContainer extends React.Component {
   }
 
 }
-DropDownItemContainer.propTypes = {
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  getRef: PropTypes.func,
-  onScroll: PropTypes.func
-};
-DropDownItemContainer.defaultProps = {
-  dataId: 'drpdwnItemContainer'
-};
+DropDownItemContainer.propTypes = DropDownItemContainer_propTypes;
+DropDownItemContainer.defaultProps = DropDownItemContainer_defaultProps;

package/es/DropDown/DropDownHeading.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { DropDownHeading_propTypes } from './props/propTypes';
+import { DropDownHeading_defaultProps } from './props/defaultProps';
 import style from './DropDownHeading.module.css';
 export default class DropDownHeading extends React.Component {
   render() {
@@ -27,24 +28,8 @@ export default class DropDownHeading extends React.Component {
   }
 
 }
-DropDownHeading.propTypes = {
-  children: PropTypes.node,
-  customClass: PropTypes.string,
-  palette: PropTypes.oneOf(['light', 'dark']),
-  text: PropTypes.string,
-  title: PropTypes.string,
-  htmlId: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaLabelledby: PropTypes.string
-  })
-};
-DropDownHeading.defaultProps = {
-  customClass: '',
-  children: null,
-  palette: 'light',
-  a11y: {}
-};
+DropDownHeading.propTypes = DropDownHeading_propTypes;
+DropDownHeading.defaultProps = DropDownHeading_defaultProps;
 
 if (false) {
   DropDownHeading.docs = {

package/es/DropDown/DropDownItem.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { DropDownItem_propTypes } from './props/propTypes';
+import { DropDownItem_defaultProps } from './props/defaultProps';
 import style from './DropDownItem.module.css';
 export default class DropDownItem extends React.Component {
   constructor(props) {
@@ -70,20 +71,5 @@ export default class DropDownItem extends React.Component {
   }
 
 }
-DropDownItem.propTypes = {
-  active: PropTypes.bool,
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  getRef: PropTypes.func,
-  hightlight: PropTypes.bool,
-  id: PropTypes.string,
-  index: PropTypes.number,
-  onClick: PropTypes.func,
-  onHover: PropTypes.func,
-  value: PropTypes.string,
-  customClass: PropTypes.string
-};
-DropDownItem.defaultProps = {
-  active: false,
-  dataId: 'dropDwnItemContainer'
-};
+DropDownItem.propTypes = DropDownItem_propTypes;
+DropDownItem.defaultProps = DropDownItem_defaultProps;

package/es/DropDown/DropDownSearch.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { DropDownSearch_propTypes } from './props/propTypes';
+import { DropDownSearch_defaultProps } from './props/defaultProps';
 import TextBox from '../TextBox/TextBox';
 import style from './DropDownSearch.module.css';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['dropdown', 'menu', 'shadow', 'target', 'header', 'headertext', 'list', 'padding', 'listHover', 'active', 'children', 'user', 'footer', separator, 'small', 'search', 'medium', 'heading', 'listGroup'] }] */
@@ -60,26 +61,5 @@ export default class DropDownSearch extends React.Component {
   }
 
 }
-DropDownSearch.defaultProps = {
-  size: 'medium',
-  textBoxSize: 'medium',
-  customClass: {}
-};
-DropDownSearch.propTypes = {
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  maxLength: PropTypes.string,
-  name: PropTypes.string,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  placeHolder: PropTypes.string,
-  placeHolder: PropTypes.string,
-  size: PropTypes.oneOf(['small', 'medium']),
-  textBoxSize: PropTypes.string,
-  value: PropTypes.string,
-  customClass: PropTypes.shape({
-    searchClass: PropTypes.string,
-    customTextBox: PropTypes.string
-  })
-};
+DropDownSearch.defaultProps = DropDownSearch_defaultProps;
+DropDownSearch.propTypes = DropDownSearch_propTypes;

package/es/DropDown/DropDownSeparator.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { DropDownSeparator_propTypes } from './props/propTypes';
 import style from './DropDownSeparator.module.css';
 export default class DropDownSeparator extends React.Component {
   render() {
@@ -12,6 +12,4 @@ export default class DropDownSeparator extends React.Component {
   }
 
 }
-DropDownSeparator.propTypes = {
-  customClass: PropTypes.string
-};
+DropDownSeparator.propTypes = DropDownSeparator_propTypes;

package/es/DropDown/props/defaultProps.js

@@ -0,0 +1,18 @@
+export const DropDownItemContainer_defaultProps = {
+  dataId: 'drpdwnItemContainer'
+};
+export const DropDownHeading_defaultProps = {
+  customClass: '',
+  children: null,
+  palette: 'light',
+  a11y: {}
+};
+export const DropDownItem_defaultProps = {
+  active: false,
+  dataId: 'dropDwnItemContainer'
+};
+export const DropDownSearch_defaultProps = {
+  size: 'medium',
+  textBoxSize: 'medium',
+  customClass: {}
+};

package/es/DropDown/props/propTypes.js

@@ -0,0 +1,77 @@
+import PropTypes from 'prop-types';
+export const DropDown_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,
+  isAnimate: PropTypes.bool,
+  isArrow: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  left: PropTypes.string,
+  onClick: PropTypes.func,
+  right: PropTypes.string,
+  size: PropTypes.string,
+  top: PropTypes.string
+};
+export const DropDownTarget_propTypes = {
+  children: PropTypes.node
+};
+export const DropDownContainer_propTypes = {
+  children: PropTypes.node
+};
+export const DropDownItemContainer_propTypes = {
+  children: PropTypes.node,
+  dataId: PropTypes.string,
+  getRef: PropTypes.func,
+  onScroll: PropTypes.func
+};
+export const DropDownHeading_propTypes = {
+  children: PropTypes.node,
+  customClass: PropTypes.string,
+  palette: PropTypes.oneOf(['light', 'dark']),
+  text: PropTypes.string,
+  title: PropTypes.string,
+  htmlId: PropTypes.string,
+  a11y: PropTypes.shape({
+    role: PropTypes.string,
+    ariaLabelledby: PropTypes.string
+  })
+};
+export const DropDownItem_propTypes = {
+  active: PropTypes.bool,
+  children: PropTypes.node,
+  dataId: PropTypes.string,
+  getRef: PropTypes.func,
+  hightlight: PropTypes.bool,
+  id: PropTypes.string,
+  index: PropTypes.number,
+  onClick: PropTypes.func,
+  onHover: PropTypes.func,
+  value: PropTypes.string,
+  customClass: PropTypes.string
+};
+export const DropDownSearch_propTypes = {
+  getRef: PropTypes.func,
+  id: PropTypes.string,
+  maxLength: PropTypes.string,
+  name: PropTypes.string,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  placeHolder: PropTypes.string,
+  placeHolder: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'medium']),
+  textBoxSize: PropTypes.string,
+  value: PropTypes.string,
+  customClass: PropTypes.shape({
+    searchClass: PropTypes.string,
+    customTextBox: PropTypes.string
+  })
+};
+export const DropDownSeparator_propTypes = {
+  customClass: PropTypes.string
+};

package/es/Heading/Heading.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from './Heading.module.css';
+export default class Heading extends React.Component {
+  render() {
+    let {
+      tagName,
+      className,
+      onClick,
+      onDoubleClick,
+      title,
+      dataTitle,
+      dataId,
+      a11y
+    } = this.props;
+    return /*#__PURE__*/React.createElement(tagName, {
+      className: `${style.reset} ${className}`,
+      onClick,
+      onDoubleClick,
+      'data-title': dataTitle || title,
+      'data-id': dataId,
+      ...a11y
+    }, title);
+  }
+
+}
+Heading.propTypes = propTypes;
+Heading.defaultProps = defaultProps;
+
+if (false) {
+  Heading.docs = {
+    folderName: 'Style Guide',
+    componentGroup: 'Accessibility'
+  };
+}