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

package/es/Switch/props/propTypes.js

@@ -0,0 +1,27 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  checked: PropTypes.bool,
+  dataId: PropTypes.string,
+  disableTitle: PropTypes.string,
+  disabled: PropTypes.bool,
+  id: PropTypes.string.isRequired,
+  isReadOnly: PropTypes.bool,
+  labelPalette: PropTypes.oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
+  labelSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  name: PropTypes.string,
+  onChange: PropTypes.func,
+  size: PropTypes.oneOf(['small', 'medium']),
+  text: PropTypes.string,
+  title: PropTypes.string,
+  value: PropTypes.bool,
+  customClass: PropTypes.shape({
+    customSwitchWrap: PropTypes.string,
+    customSwitch: PropTypes.string,
+    customSwitchSize: PropTypes.string,
+    customLabel: PropTypes.string
+  }),
+  customProps: PropTypes.shape({
+    SwitchProps: PropTypes.object,
+    LabelProps: PropTypes.object
+  })
+};

package/es/Tab/Tab.js

@@ -1,10 +1,11 @@
-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); }
 
 /* eslint-disable react/forbid-component-props */
 
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['text', 'tabAlpha', 'alphaActive', 'gammaActive', 'betaActive', 'zetaActive', 'deltaActive', 'tabGamma', 'tabBeta', 'tabDelta', 'tabZeta', 'specialActive', 'tabSpecial', 'alphaActive_border', 'gammaActive_border', 'betaActive_border', 'zetaActive_border', 'deltaActive_border'] }] */
 import React, { useMemo, useCallback } from 'react';
-import PropTypes from 'prop-types';
+import { Tab_defaultProps } from './props/defaultProps';
+import { Tab_propTypes } from './props/propTypes';
 import { Box, Container } from '../Layout';
 import { cs } from '../utils/Common';
 import styles from './Tab.module.css';
@@ -98,36 +99,8 @@ export default function Tab(_ref) {
     shrink: true
   }, children) : null));
 }
-Tab.defaultProps = {
-  dataId: 'tabMenu',
-  customProps: {}
-};
-Tab.propTypes = {
-  activeClass: PropTypes.string,
-  align: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  getTabRef: PropTypes.func,
-  href: PropTypes.string,
-  id: PropTypes.string,
-  isActive: PropTypes.bool,
-  isAnimate: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isLink: PropTypes.bool,
-  needAppearance: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  onClick: PropTypes.func,
-  onSelect: PropTypes.func,
-  style: PropTypes.object,
-  text: PropTypes.string,
-  title: PropTypes.string,
-  titlePosition: PropTypes.oneOf(['top', 'bottom', 'right', 'left']),
-  tourId: PropTypes.string,
-  type: PropTypes.string,
-  customProps: PropTypes.object,
-  isVirtual: PropTypes.bool
-};
+Tab.defaultProps = Tab_defaultProps;
+Tab.propTypes = Tab_propTypes;
 
 if (false) {
   Tab.docs = {

package/es/Tab/TabContent.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { TabContent_defaultProps } from './props/defaultProps';
+import { TabContent_propTypes } from './props/propTypes';
 import { Container } from '../Layout';
 import style from './TabContent.module.css';
 /* eslint-disable react/forbid-component-props */
@@ -22,13 +23,6 @@ const TabContent = _ref => {
   }, children);
 };
 
-TabContent.defaultProps = {
-  dataId: 'tabContent'
-};
-TabContent.propTypes = {
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  id: PropTypes.string,
-  scroll: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none'])
-};
+TabContent.defaultProps = TabContent_defaultProps;
+TabContent.propTypes = TabContent_propTypes;
 export default TabContent;

package/es/Tab/TabContentWrapper.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { PropTypes } from 'prop-types';
+import { TabContentWrapper_defaultProps } from './props/defaultProps';
+import { TabContentWrapper_propTypes } from './props/propTypes';
 import { Box } from '../Layout';
 /* eslint-disable react/forbid-component-props */
 
@@ -21,15 +22,6 @@ const TabContentWrapper = _ref => {
   }, React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) && child.props.id === selectedTab ? child : null));
 };
 
-TabContentWrapper.defaultProps = {
-  children: []
-};
-TabContentWrapper.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  onScroll: PropTypes.func,
-  selectedTab: PropTypes.string,
-  style: PropTypes.object
-};
+TabContentWrapper.defaultProps = TabContentWrapper_defaultProps;
+TabContentWrapper.propTypes = TabContentWrapper_propTypes;
 export default TabContentWrapper;

package/es/Tab/TabWrapper.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, { useState, useCallback } from 'react';
-import PropTypes from 'prop-types';
+import { TabWrapper_defaultProps } from './props/defaultProps';
+import { TabWrapper_propTypes } from './props/propTypes';
 import { Container } from '../Layout';
 
 function TabWrapper(_ref) {
@@ -49,28 +50,6 @@ function TabWrapper(_ref) {
   }));
 }
 
-TabWrapper.propTypes = {
-  align: PropTypes.oneOf(['vertical', 'horizontal']),
-  children: PropTypes.node,
-  dataId: PropTypes.string,
-  defaultTab: PropTypes.string,
-  hookToDisableInternalState: PropTypes.bool,
-  isAnimate: PropTypes.bool,
-  needAppearance: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needPadding: PropTypes.bool,
-  needTabBorder: PropTypes.bool,
-  onSelect: PropTypes.func,
-  type: PropTypes.oneOf(['alpha', 'beta', 'zeta'])
-};
-TabWrapper.defaultProps = {
-  hookToDisableInternalState: false,
-  isAnimate: false,
-  needBorder: true,
-  needPadding: true,
-  needTabBorder: false,
-  type: 'alpha',
-  align: 'vertical',
-  needAppearance: true
-};
+TabWrapper.propTypes = TabWrapper_propTypes;
+TabWrapper.defaultProps = TabWrapper_defaultProps;
 export default TabWrapper;

package/es/Tab/Tabs.js

@@ -1,4 +1,4 @@
-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); }
 
 /* eslint-disable react/forbid-component-props */
 
@@ -10,10 +10,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
     }]
 */
 import React from 'react';
-import PropTypes from 'prop-types';
+import Tab from './Tab';
+import { Tabs_defaultProps } from './props/defaultProps';
+import { Tabs_propTypes } from './props/propTypes';
 import { remConvert, getTotalDimension, cs, bind, throttle } from '../utils/Common';
 import { Box, Container } from '../Layout';
-import Tab from './Tab';
 import ResizeObserver from '../Responsive/ResizeObserver';
 import ListItem from '../ListItem/ListItem';
 import Icon from '@zohodesk/icons/lib/Icon';
@@ -587,71 +588,8 @@ class Tabs extends React.Component {
 
 }
 
-Tabs.propTypes = {
-  align: PropTypes.oneOf(['vertical', 'horizontal']),
-  boxPosition: PropTypes.string,
-  childType: PropTypes.elementType,
-  children: PropTypes.array,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  getContainerRef: PropTypes.func,
-  highlightClass: PropTypes.string,
-  hookToDisableInternalState: PropTypes.bool,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  isAnimate: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isResponsive: PropTypes.bool,
-  itemActiveClass: PropTypes.string,
-  itemClass: PropTypes.string,
-  maxTabsCount: PropTypes.number,
-  menuItemClass: PropTypes.string,
-  minTabsCount: PropTypes.number,
-  moreBoxClass: PropTypes.string,
-  moreButtonActiveClass: PropTypes.string,
-  moreButtonClass: PropTypes.string,
-  moreContainerClass: PropTypes.string,
-  needAppearance: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needPadding: PropTypes.bool,
-  needTabBorder: PropTypes.bool,
-  onScroll: PropTypes.func,
-  onSelect: PropTypes.func,
-  position: PropTypes.string,
-  removeClose: PropTypes.func,
-  selectedTab: PropTypes.string,
-  showTitleInMoreOptions: PropTypes.bool,
-  style: PropTypes.object,
-  togglePopup: PropTypes.func,
-  type: PropTypes.oneOf(['alpha', 'beta', 'delta']),
-  getTargetRef: PropTypes.func,
-  containerClass: PropTypes.string,
-  customProps: PropTypes.shape({
-    DropBoxProps: PropTypes.object,
-    ListItemProps: PropTypes.object,
-    MoreButtonProps: PropTypes.object
-  }),
-  getCustomDropBoxHeaderPlaceHolder: PropTypes.func
-};
-Tabs.defaultProps = {
-  isAnimate: false,
-  isResponsive: true,
-  needTabBorder: false,
-  type: 'alpha',
-  dataId: 'highlight',
-  align: 'horizontal',
-  childType: Tab,
-  children: [],
-  highlightClass: '',
-  minTabsCount: 0,
-  maxTabsCount: 100,
-  moreButtonClass: '',
-  moreBoxClass: '',
-  menuItemClass: '',
-  iconName: 'ZD-TB-menu',
-  iconSize: '7',
-  containerClass: '',
-  customProps: {}
+Tabs.propTypes = Tabs_propTypes;
+Tabs.defaultProps = { ...Tabs_defaultProps,
+  childType: Tab
 };
 export default Popup(Tabs);

package/es/Tab/props/defaultProps.js

@@ -0,0 +1,39 @@
+export const Tab_defaultProps = {
+  dataId: 'tabMenu',
+  customProps: {}
+};
+export const TabContent_defaultProps = {
+  dataId: 'tabContent'
+};
+export const TabContentWrapper_defaultProps = {
+  children: []
+};
+export const Tabs_defaultProps = {
+  isAnimate: false,
+  isResponsive: true,
+  needTabBorder: false,
+  type: 'alpha',
+  dataId: 'highlight',
+  align: 'horizontal',
+  children: [],
+  highlightClass: '',
+  minTabsCount: 0,
+  maxTabsCount: 100,
+  moreButtonClass: '',
+  moreBoxClass: '',
+  menuItemClass: '',
+  iconName: 'ZD-TB-menu',
+  iconSize: '7',
+  containerClass: '',
+  customProps: {}
+};
+export const TabWrapper_defaultProps = {
+  hookToDisableInternalState: false,
+  isAnimate: false,
+  needBorder: true,
+  needPadding: true,
+  needTabBorder: false,
+  type: 'alpha',
+  align: 'vertical',
+  needAppearance: true
+};

package/es/Tab/props/propTypes.js

@@ -0,0 +1,102 @@
+import PropTypes from 'prop-types';
+export const Tab_propTypes = {
+  activeClass: PropTypes.string,
+  align: PropTypes.string,
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  getTabRef: PropTypes.func,
+  href: PropTypes.string,
+  id: PropTypes.string,
+  isActive: PropTypes.bool,
+  isAnimate: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isLink: PropTypes.bool,
+  needAppearance: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  onClick: PropTypes.func,
+  onSelect: PropTypes.func,
+  style: PropTypes.object,
+  text: PropTypes.string,
+  title: PropTypes.string,
+  titlePosition: PropTypes.oneOf(['top', 'bottom', 'right', 'left']),
+  tourId: PropTypes.string,
+  type: PropTypes.string,
+  customProps: PropTypes.object,
+  isVirtual: PropTypes.bool
+};
+export const TabContent_propTypes = {
+  children: PropTypes.node,
+  dataId: PropTypes.string,
+  id: PropTypes.string,
+  scroll: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none'])
+};
+export const TabContentWrapper_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  onScroll: PropTypes.func,
+  selectedTab: PropTypes.string,
+  style: PropTypes.object
+};
+export const Tabs_propTypes = {
+  align: PropTypes.oneOf(['vertical', 'horizontal']),
+  boxPosition: PropTypes.string,
+  childType: PropTypes.elementType,
+  children: PropTypes.array,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  highlightClass: PropTypes.string,
+  hookToDisableInternalState: PropTypes.bool,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  isAnimate: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isResponsive: PropTypes.bool,
+  itemActiveClass: PropTypes.string,
+  itemClass: PropTypes.string,
+  maxTabsCount: PropTypes.number,
+  menuItemClass: PropTypes.string,
+  minTabsCount: PropTypes.number,
+  moreBoxClass: PropTypes.string,
+  moreButtonActiveClass: PropTypes.string,
+  moreButtonClass: PropTypes.string,
+  moreContainerClass: PropTypes.string,
+  needAppearance: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needPadding: PropTypes.bool,
+  needTabBorder: PropTypes.bool,
+  onScroll: PropTypes.func,
+  onSelect: PropTypes.func,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  selectedTab: PropTypes.string,
+  showTitleInMoreOptions: PropTypes.bool,
+  style: PropTypes.object,
+  togglePopup: PropTypes.func,
+  type: PropTypes.oneOf(['alpha', 'beta', 'delta']),
+  getTargetRef: PropTypes.func,
+  containerClass: PropTypes.string,
+  customProps: PropTypes.shape({
+    DropBoxProps: PropTypes.object,
+    ListItemProps: PropTypes.object,
+    MoreButtonProps: PropTypes.object
+  }),
+  getCustomDropBoxHeaderPlaceHolder: PropTypes.func
+};
+export const TabWrapper_propTypes = {
+  align: PropTypes.oneOf(['vertical', 'horizontal']),
+  children: PropTypes.node,
+  dataId: PropTypes.string,
+  defaultTab: PropTypes.string,
+  hookToDisableInternalState: PropTypes.bool,
+  isAnimate: PropTypes.bool,
+  needAppearance: PropTypes.bool,
+  needBorder: PropTypes.bool,
+  needPadding: PropTypes.bool,
+  needTabBorder: PropTypes.bool,
+  onSelect: PropTypes.func,
+  type: PropTypes.oneOf(['alpha', 'beta', 'zeta'])
+};

package/es/Tag/Tag.js

@@ -1,5 +1,6 @@
 import React, { PureComponent } from 'react';
-import { PropTypes } from 'prop-types';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Icon from '@zohodesk/icons/lib/Icon';
 import Avatar from '../Avatar/Avatar';
 import { Container } from '../Layout';
@@ -141,52 +142,8 @@ export default class Tag extends PureComponent {
   }
 
 }
-Tag.defaultProps = {
-  active: false,
-  closePalette: 'danger',
-  hasAvatar: false,
-  palette: 'default',
-  rounded: true,
-  size: 'medium',
-  dataId: 'tag',
-  customClass: {},
-  a11y: {},
-  needEffect: true,
-  isReadOnly: false
-};
-Tag.propTypes = {
-  active: PropTypes.bool,
-  avatarPalette: PropTypes.string,
-  closePalette: PropTypes.oneOf(['danger', 'primary']),
-  closeTitle: PropTypes.string,
-  dataId: PropTypes.string,
-  disabled: PropTypes.bool,
-  getRef: PropTypes.func,
-  hasAvatar: PropTypes.bool,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  imageURL: PropTypes.string,
-  initial: PropTypes.string,
-  onRemove: PropTypes.func,
-  onSelectTag: PropTypes.func,
-  palette: PropTypes.oneOf(['default', 'danger', 'secondary', 'pureDotted', 'primaryDotted', 'dark', 'pureDarkDotted', 'darkPrimaryDotted', 'defaultLink']),
-  rounded: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'medium']),
-  text: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  tooltip: PropTypes.string,
-  customClass: PropTypes.shape({
-    customTag: PropTypes.string,
-    customTagClose: PropTypes.string,
-    customTagIcon: PropTypes.string,
-    customAvatar: PropTypes.string
-  }),
-  a11y: PropTypes.shape({
-    clearLabel: PropTypes.string
-  }),
-  needEffect: PropTypes.bool,
-  isReadOnly: PropTypes.bool
-};
+Tag.defaultProps = defaultProps;
+Tag.propTypes = propTypes;
 
 if (false) {
   Tag.docs = {

package/es/Tag/props/defaultProps.js

@@ -0,0 +1,13 @@
+export const defaultProps = {
+  active: false,
+  closePalette: 'danger',
+  hasAvatar: false,
+  palette: 'default',
+  rounded: true,
+  size: 'medium',
+  dataId: 'tag',
+  customClass: {},
+  a11y: {},
+  needEffect: true,
+  isReadOnly: false
+};

package/es/Tag/props/propTypes.js

@@ -0,0 +1,34 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  active: PropTypes.bool,
+  avatarPalette: PropTypes.string,
+  closePalette: PropTypes.oneOf(['danger', 'primary']),
+  closeTitle: PropTypes.string,
+  dataId: PropTypes.string,
+  disabled: PropTypes.bool,
+  getRef: PropTypes.func,
+  hasAvatar: PropTypes.bool,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  imageURL: PropTypes.string,
+  initial: PropTypes.string,
+  onRemove: PropTypes.func,
+  onSelectTag: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'danger', 'secondary', 'pureDotted', 'primaryDotted', 'dark', 'pureDarkDotted', 'darkPrimaryDotted', 'defaultLink']),
+  rounded: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'medium']),
+  text: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  tooltip: PropTypes.string,
+  customClass: PropTypes.shape({
+    customTag: PropTypes.string,
+    customTagClose: PropTypes.string,
+    customTagIcon: PropTypes.string,
+    customAvatar: PropTypes.string
+  }),
+  a11y: PropTypes.shape({
+    clearLabel: PropTypes.string
+  }),
+  needEffect: PropTypes.bool,
+  isReadOnly: PropTypes.bool
+};

package/es/TextBox/TextBox.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 { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['xmedium', 'medium', 'small', 'default', 'primary', 'secondary'] }] */
 
 import style from './TextBox.module.css';
@@ -167,77 +168,8 @@ export default class Textbox extends React.PureComponent {
   }
 
 }
-Textbox.defaultProps = {
-  isDisabled: false,
-  isReadOnly: false,
-  maxLength: 250,
-  needBorder: true,
-  size: 'medium',
-  type: 'text',
-  variant: 'default',
-  dataId: 'textBox',
-  needReadOnlyStyle: true,
-  needAppearance: true,
-  isClickable: false,
-  needEffect: true,
-  autoComplete: true,
-  borderColor: 'default',
-  a11y: {},
-  isFocus: false,
-  customProps: {}
-};
-Textbox.propTypes = {
-  autofocus: PropTypes.bool,
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  dataId: PropTypes.string,
-  htmlId: PropTypes.string,
-  id: PropTypes.string,
-  inputRef: PropTypes.func,
-  isClickable: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  maxLength: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  name: PropTypes.string,
-  needAppearance: PropTypes.bool,
-  needBorder: PropTypes.bool,
-  needEffect: PropTypes.bool,
-  needReadOnlyStyle: PropTypes.bool,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onClick: PropTypes.func,
-  onFocus: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onKeyPress: PropTypes.func,
-  onKeyUp: PropTypes.func,
-  onMouseDown: PropTypes.func,
-  placeHolder: PropTypes.string,
-  size: PropTypes.oneOf(['small', 'xsmall', 'medium', 'xmedium']),
-  type: PropTypes.oneOf(['text', 'password', 'number']),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  variant: PropTypes.oneOf(['primary', 'secondary', 'default', 'light']),
-  htmlId: PropTypes.string,
-  customClass: PropTypes.string,
-  htmlId: PropTypes.string,
-  a11y: PropTypes.shape({
-    role: PropTypes.string,
-    ariaAutocomplete: PropTypes.string,
-    ariaControls: PropTypes.string,
-    ariaDescribedby: PropTypes.string,
-    ariaExpanded: PropTypes.bool,
-    ariaLabel: PropTypes.string,
-    autoComplete: PropTypes.bool,
-    ariaHaspopup: PropTypes.bool,
-    ariaRequired: PropTypes.bool,
-    ariaLabelledby: PropTypes.string,
-    ariaInvalid: PropTypes.bool,
-    ariaOwns: PropTypes.string,
-    ariaActivedescendant: PropTypes.string,
-    ariaReadonly: PropTypes.bool,
-    ariaMultiselectable: PropTypes.bool
-  }),
-  isFocus: PropTypes.bool,
-  customProps: PropTypes.object
-};
+Textbox.defaultProps = defaultProps;
+Textbox.propTypes = propTypes;
 
 if (false) {
   Textbox.docs = {

package/es/TextBox/props/defaultProps.js

@@ -0,0 +1,19 @@
+export const defaultProps = {
+  isDisabled: false,
+  isReadOnly: false,
+  maxLength: 250,
+  needBorder: true,
+  size: 'medium',
+  type: 'text',
+  variant: 'default',
+  dataId: 'textBox',
+  needReadOnlyStyle: true,
+  needAppearance: true,
+  isClickable: false,
+  needEffect: true,
+  autoComplete: true,
+  borderColor: 'default',
+  a11y: {},
+  isFocus: false,
+  customProps: {}
+};