@zohodesk/components 1.0.0-temp-666 → 1.0.0-temp-69

package/lib/Select/props/defaultProps.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select_defaultProps = exports.SelectWithIcon_defaultProps = exports.SelectWithAvatar_defaultProps = exports.GroupSelect_defaultProps = void 0;
+
+var _Config = require("../../Provider/Config");
+
+var _SelectWithIcon_defau;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var Select_defaultProps = {
+  animationStyle: 'bounce',
+  autoComplete: (0, _Config.getLibraryConfig)('autoComplete'),
+  autoSelectOnType: true,
+  dataId: 'selectComponent',
+  dropBoxSize: 'small',
+  isDefaultSelectValue: true,
+  isDisabled: false,
+  isPopupOpenOnEnter: false,
+  isReadOnly: false,
+  needBorder: true,
+  needLocalSearch: true,
+  needSearch: false,
+  needSelectDownIcon: true,
+  placeHolder: '',
+  searchBoxPlaceHolder: 'Search',
+  searchBoxSize: 'small',
+  size: 'medium',
+  textBoxSize: 'medium',
+  textBoxVariant: 'default',
+  textField: 'text',
+  valueField: 'id',
+  borderColor: 'default',
+  needTick: true,
+  boxSize: 'default',
+  needListBorder: false,
+  needCloseOnSelect: true,
+  isParentBased: true,
+  isSearchClearOnClose: true,
+  i18nKeys: {},
+  iconOnHover: false,
+  customProps: {}
+};
+exports.Select_defaultProps = Select_defaultProps;
+var GroupSelect_defaultProps = {
+  animationStyle: 'bounce',
+  defaultDropBoxPosition: 'bottom',
+  dropBoxSize: 'small',
+  isDefaultSelectValue: true,
+  isDisabled: false,
+  isReadOnly: false,
+  needBorder: true,
+  needSearch: false,
+  needSelectDownIcon: true,
+  placeHolder: '',
+  searchBoxPlaceHolder: 'Search',
+  searchBoxSize: 'small',
+  size: 'medium',
+  textBoxSize: 'medium',
+  textBoxVariant: 'default',
+  textField: 'text',
+  valueField: 'id',
+  autoSelectOnType: true,
+  dataIdSlctComp: 'selectComponent',
+  dataIdDownIcon: 'downIcon',
+  dataIdLoading: 'loading',
+  dataIdSrchEmptyMsg: 'searchEmptyMessage',
+  isPopupOpenOnEnter: false,
+  borderColor: 'default',
+  needTick: true,
+  needLocalSearch: true,
+  isSearchClearOnClose: true,
+  i18nKeys: {},
+  iconOnHover: false
+};
+exports.GroupSelect_defaultProps = GroupSelect_defaultProps;
+var SelectWithAvatar_defaultProps = {
+  animationStyle: 'bounce',
+  defaultDropBoxPosition: 'bottom',
+  dropBoxSize: 'small',
+  isDefaultSelectValue: false,
+  isDisabled: false,
+  isReadOnly: false,
+  needBorder: true,
+  needLocalSearch: true,
+  needSearch: true,
+  placeHolder: '',
+  size: 'medium',
+  textBoxSize: 'medium',
+  textBoxVariant: 'default',
+  textField: 'text',
+  valueField: 'id',
+  dataId: 'selectWithAvatar',
+  borderColor: 'default',
+  isSearchClearOnClose: true,
+  i18nKeys: {},
+  needEffect: true
+};
+exports.SelectWithAvatar_defaultProps = SelectWithAvatar_defaultProps;
+var SelectWithIcon_defaultProps = (_SelectWithIcon_defau = {
+  isReadOnly: false,
+  isDisabled: false,
+  animationStyle: 'bounce',
+  valueKey: 'value',
+  idKey: 'id',
+  needListBorder: false,
+  needSearch: false,
+  boxSize: 'default'
+}, _defineProperty(_SelectWithIcon_defau, "needListBorder", false), _defineProperty(_SelectWithIcon_defau, "needCloseOnSelect", true), _defineProperty(_SelectWithIcon_defau, "borderColor", 'default'), _defineProperty(_SelectWithIcon_defau, "needTick", true), _defineProperty(_SelectWithIcon_defau, "searchBoxSize", 'small'), _defineProperty(_SelectWithIcon_defau, "size", 'medium'), _defineProperty(_SelectWithIcon_defau, "textBoxSize", 'medium'), _defineProperty(_SelectWithIcon_defau, "textBoxVariant", 'default'), _defineProperty(_SelectWithIcon_defau, "dataId", 'selectWithIcon'), _defineProperty(_SelectWithIcon_defau, "dropBoxSize", 'small'), _defineProperty(_SelectWithIcon_defau, "needIcon", true), _defineProperty(_SelectWithIcon_defau, "iconSize", '14'), _defineProperty(_SelectWithIcon_defau, "i18nKeys", {}), _SelectWithIcon_defau);
+exports.SelectWithIcon_defaultProps = SelectWithIcon_defaultProps;

package/lib/Select/props/propTypes.js

@@ -0,0 +1,280 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select_propTypes = exports.SelectWithIcon_propTypes = exports.SelectWithAvatar_propTypes = exports.GroupSelect_propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Select_propTypes = {
+  animationStyle: _propTypes["default"].string,
+  autoComplete: _propTypes["default"].bool,
+  autoSelectDebouneTime: _propTypes["default"].number,
+  autoSelectOnType: _propTypes["default"].bool,
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
+  boxSize: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  closePopupOnly: _propTypes["default"].func,
+  dataId: _propTypes["default"].string,
+  defaultDropBoxPosition: _propTypes["default"].string,
+  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  emptyMessage: _propTypes["default"].string,
+  excludeOptions: _propTypes["default"].array,
+  getChildren: _propTypes["default"].func,
+  getContainerRef: _propTypes["default"].func,
+  getCustomEmptyState: _propTypes["default"].func,
+  getFooter: _propTypes["default"].func,
+  getNextOptions: _propTypes["default"].func,
+  getPopupHandlers: _propTypes["default"].func,
+  getRef: _propTypes["default"].func,
+  getTargetRef: _propTypes["default"].func,
+  i18nKeys: _propTypes["default"].shape({
+    loadingText: _propTypes["default"].string,
+    emptyText: _propTypes["default"].string,
+    noMoreText: _propTypes["default"].string,
+    searchEmptyText: _propTypes["default"].string
+  }),
+  isDefaultSelectValue: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isNextOptions: _propTypes["default"].bool,
+  isParentBased: _propTypes["default"].bool,
+  isPopupOpen: _propTypes["default"].bool,
+  isPopupOpenOnEnter: _propTypes["default"].bool,
+  isPopupReady: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  isSearchClearOnClose: _propTypes["default"].bool,
+  listItemSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  maxLength: _propTypes["default"].string,
+  needBorder: _propTypes["default"].bool,
+  needCloseOnSelect: _propTypes["default"].bool,
+  needListBorder: _propTypes["default"].bool,
+  needLocalSearch: _propTypes["default"].bool,
+  needResponsive: _propTypes["default"].bool,
+  needSearch: _propTypes["default"].bool,
+  needSelectDownIcon: _propTypes["default"].bool,
+  needTick: _propTypes["default"].bool,
+  onAddNewOption: _propTypes["default"].func,
+  onChange: _propTypes["default"].func.isRequired,
+  onDropBoxClose: _propTypes["default"].func,
+  onDropBoxOpen: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  onSearch: _propTypes["default"].func,
+  options: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])), _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+    text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+  }))]).isRequired,
+  placeHolder: _propTypes["default"].string,
+  position: _propTypes["default"].string,
+  removeClose: _propTypes["default"].func,
+  searchBoxPlaceHolder: _propTypes["default"].string,
+  searchBoxSize: _propTypes["default"].string,
+  searchDebounceTime: _propTypes["default"].number,
+  searchEmptyMessage: _propTypes["default"].string,
+  selectedValue: _propTypes["default"].oneOfType([_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]), _propTypes["default"].shape({
+    id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+    text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+  })]),
+  size: _propTypes["default"].oneOf(['small', 'medium']),
+  textBoxSize: _propTypes["default"].string,
+  textBoxVariant: _propTypes["default"].string,
+  textField: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  togglePopup: _propTypes["default"].func,
+  valueField: _propTypes["default"].string,
+  htmlId: _propTypes["default"].string,
+  children: _propTypes["default"].node,
+  onFocus: _propTypes["default"].func,
+  iconOnHover: _propTypes["default"].bool,
+  customProps: _propTypes["default"].shape({
+    TextBoxProps: _propTypes["default"].object,
+    DropdownSearchTextBoxProps: _propTypes["default"].object,
+    listItemProps: _propTypes["default"].object,
+    SuggestionsProps: _propTypes["default"].object
+  })
+};
+exports.Select_propTypes = Select_propTypes;
+var GroupSelect_propTypes = {
+  groupedOptions: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    id: _propTypes["default"].string.isRequired,
+    name: _propTypes["default"].string.isRequired,
+    valueField: _propTypes["default"].string,
+    textField: _propTypes["default"].string,
+    options: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])), _propTypes["default"].arrayOf(_propTypes["default"].shape({
+      id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+      text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+    }))])
+  })),
+  selectedOption: _propTypes["default"].shape({
+    groupId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+    selected: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+  }),
+  emptyMessage: _propTypes["default"].string.isRequired,
+  placeHolder: _propTypes["default"].string,
+  onChange: _propTypes["default"].func.isRequired,
+  onKeyDown: _propTypes["default"].func,
+  searchBoxPlaceHolder: _propTypes["default"].string,
+  needSearch: _propTypes["default"].bool,
+  searchEmptyMessage: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  isDisabled: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  needSelectDownIcon: _propTypes["default"].bool,
+  isPopupOpenOnEnter: _propTypes["default"].bool,
+  maxLength: _propTypes["default"].string,
+  needBorder: _propTypes["default"].bool,
+  autoSelectOnType: _propTypes["default"].bool,
+  autoSelectDebouneTime: _propTypes["default"].number,
+  dataId: _propTypes["default"].string,
+  dataIdSlctComp: _propTypes["default"].string,
+  dataIdDownIcon: _propTypes["default"].string,
+  dataIdSrchEmptyMsg: _propTypes["default"].string,
+  isNextOptions: _propTypes["default"].bool,
+  getNextOptions: _propTypes["default"].func,
+  searchDebounceTime: _propTypes["default"].func,
+  needLocalSearch: _propTypes["default"].bool,
+  onSearch: _propTypes["default"].func,
+  isSearchClearOnClose: _propTypes["default"].bool,
+  animationStyle: _propTypes["default"].string,
+  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
+  isAnimate: _propTypes["default"].bool,
+  onFocus: _propTypes["default"].func,
+  size: _propTypes["default"].oneOf(['medium', 'xmedium']),
+  textBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'xmedium']),
+  title: _propTypes["default"].string,
+  variant: _propTypes["default"].string,
+  needResponsive: _propTypes["default"].bool,
+  className: _propTypes["default"].string,
+  textBoxVariant: _propTypes["default"].string,
+  searchBoxSize: _propTypes["default"].string,
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
+  needTick: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  getFooter: _propTypes["default"].func,
+  htmlId: _propTypes["default"].string,
+  iconOnHover: _propTypes["default"].bool,
+
+  /**** Popup Props ****/
+  isPopupOpen: _propTypes["default"].bool,
+  isPopupReady: _propTypes["default"].bool,
+  togglePopup: _propTypes["default"].func,
+  getTargetRef: _propTypes["default"].func,
+  getContainerRef: _propTypes["default"].func,
+  closePopupOnly: _propTypes["default"].func,
+  position: _propTypes["default"].string,
+  removeClose: _propTypes["default"].func,
+  i18nKeys: _propTypes["default"].shape({
+    loadingText: _propTypes["default"].string,
+    emptyText: _propTypes["default"].string,
+    noMoreText: _propTypes["default"].string,
+    searchEmptyText: _propTypes["default"].string
+  })
+};
+exports.GroupSelect_propTypes = GroupSelect_propTypes;
+var SelectWithAvatar_propTypes = {
+  animationStyle: _propTypes["default"].string,
+  avatarPalette: _propTypes["default"].string,
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
+  className: _propTypes["default"].string,
+  closePopupOnly: _propTypes["default"].func,
+  dataId: _propTypes["default"].string,
+  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
+  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  emptyMessage: _propTypes["default"].string,
+  excludeOptions: _propTypes["default"].array,
+  getContainerRef: _propTypes["default"].func,
+  getNextOptions: _propTypes["default"].func,
+  getRef: _propTypes["default"].func,
+  groupName: _propTypes["default"].string,
+  i18nKeys: _propTypes["default"].shape({
+    loadingText: _propTypes["default"].string,
+    emptyText: _propTypes["default"].string,
+    noMoreText: _propTypes["default"].string,
+    searchEmptyText: _propTypes["default"].string
+  }),
+  isDisabled: _propTypes["default"].bool,
+  isNextOptions: _propTypes["default"].bool,
+  isPopupOpen: _propTypes["default"].bool,
+  isPopupReady: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  isSearchClearOnClose: _propTypes["default"].bool,
+  maxLength: _propTypes["default"].string,
+  needBorder: _propTypes["default"].bool,
+  needLocalSearch: _propTypes["default"].bool,
+  needResponsive: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func.isRequired,
+  onDropBoxClose: _propTypes["default"].func,
+  onDropBoxOpen: _propTypes["default"].func,
+  onRemove: _propTypes["default"].func,
+  onSearch: _propTypes["default"].func,
+  options: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].string), _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    id: _propTypes["default"].string,
+    text: _propTypes["default"].string,
+    photoURL: _propTypes["default"].string
+  }))]).isRequired,
+  position: _propTypes["default"].string,
+  removeClose: _propTypes["default"].func,
+  searchDebounceTime: _propTypes["default"].number,
+  searchEmptyMessage: _propTypes["default"].string,
+  selectedValue: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  size: _propTypes["default"].oneOf(['small', 'medium']),
+  tagSize: _propTypes["default"].string,
+  textBoxSize: _propTypes["default"].string,
+  textBoxVariant: _propTypes["default"].string,
+  textField: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  togglePopup: _propTypes["default"].func,
+  valueField: _propTypes["default"].string,
+  htmlId: _propTypes["default"].string,
+  needEffect: _propTypes["default"].bool
+};
+exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;
+var SelectWithIcon_propTypes = {
+  animationStyle: _propTypes["default"].oneOf(['default', 'bounce']),
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
+  boxPosition: _propTypes["default"].oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
+  dataId: _propTypes["default"].string,
+  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  getContainerRef: _propTypes["default"].func,
+  getNextOptions: _propTypes["default"].func,
+  getTargetRef: _propTypes["default"].func,
+  i18nKeys: _propTypes["default"].shape({
+    loadingText: _propTypes["default"].string,
+    emptyText: _propTypes["default"].string,
+    noMoreText: _propTypes["default"].string,
+    searchEmptyText: _propTypes["default"].string
+  }),
+  iconClass: _propTypes["default"].string,
+  iconName: _propTypes["default"].string,
+  iconSize: _propTypes["default"].string,
+  idKey: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  isNextOptions: _propTypes["default"].bool,
+  isPopupOpen: _propTypes["default"].bool,
+  isPopupReady: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  maxLength: _propTypes["default"].string,
+  needIcon: _propTypes["default"].bool,
+  needListBorder: _propTypes["default"].bool,
+  needSearch: _propTypes["default"].bool,
+  needTick: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  options: _propTypes["default"].array,
+  placeHolder: _propTypes["default"].string,
+  position: _propTypes["default"].string,
+  removeClose: _propTypes["default"].func,
+  searchBoxPlaceHolder: _propTypes["default"].string,
+  searchEmptyMessage: _propTypes["default"].string,
+  selectedId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  selectedValue: _propTypes["default"].string,
+  size: _propTypes["default"].oneOf(['small', 'medium']),
+  textBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'xmedium']),
+  textBoxVariant: _propTypes["default"].oneOf(['primary', 'secondary', 'default']),
+  togglePopup: _propTypes["default"].func,
+  valueKey: _propTypes["default"].string,
+  htmlId: _propTypes["default"].string
+};
+exports.SelectWithIcon_propTypes = SelectWithIcon_propTypes;

package/lib/Stencils/Stencils.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 _StencilsModule = _interopRequireDefault(require("./Stencils.module.css"));
 
@@ -66,22 +68,8 @@ var Stencils = /*#__PURE__*/function (_React$PureComponent) {
 }(_react["default"].PureComponent);
 
 exports["default"] = Stencils;
-Stencils.propTypes = {
-  palette: _propTypes["default"].oneOf(['primary', 'secondary', 'dark']),
-  shape: _propTypes["default"].oneOf(['rect', 'circle']),
-  size: _propTypes["default"].oneOf(['small', 'medium', 'large', 'default']),
-  customClass: _propTypes["default"].string
-};
-Stencils.defaultProps = {
-  palette: 'primary',
-  shape: 'rect',
-  size: 'medium',
-  customClass: ''
-}; // Stencils.propTypesDescription = {
-//   shape: ' ',
-//   size: ' ',
-//   palette: ' '
-// };
+Stencils.propTypes = _propTypes.propTypes;
+Stencils.defaultProps = _defaultProps.defaultProps;
 
 if (false) {
   Stencils.docs = {

package/lib/Stencils/props/defaultProps.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  palette: 'primary',
+  shape: 'rect',
+  size: 'medium',
+  customClass: ''
+};
+exports.defaultProps = defaultProps;

package/lib/Stencils/props/propTypes.js

@@ -0,0 +1,18 @@
+"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 = {
+  palette: _propTypes["default"].oneOf(['primary', 'secondary', 'dark']),
+  shape: _propTypes["default"].oneOf(['rect', 'circle']),
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large', 'default']),
+  customClass: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

package/lib/Switch/Switch.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("prop-types");
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _Layout = require("../Layout");
 
@@ -138,42 +140,8 @@ var Switch = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Switch;
-Switch.defaultProps = {
-  checked: false,
-  disabled: false,
-  labelPalette: 'primary',
-  labelSize: 'medium',
-  size: 'medium',
-  isReadOnly: false,
-  customClass: {},
-  customProps: {}
-};
-Switch.propTypes = {
-  checked: _propTypes.PropTypes.bool,
-  dataId: _propTypes.PropTypes.string,
-  disableTitle: _propTypes.PropTypes.string,
-  disabled: _propTypes.PropTypes.bool,
-  id: _propTypes.PropTypes.string.isRequired,
-  isReadOnly: _propTypes.PropTypes.bool,
-  labelPalette: _propTypes.PropTypes.oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
-  labelSize: _propTypes.PropTypes.oneOf(['small', 'medium', 'large']),
-  name: _propTypes.PropTypes.string,
-  onChange: _propTypes.PropTypes.func,
-  size: _propTypes.PropTypes.oneOf(['small', 'medium']),
-  text: _propTypes.PropTypes.string,
-  title: _propTypes.PropTypes.string,
-  value: _propTypes.PropTypes.bool,
-  customClass: _propTypes.PropTypes.shape({
-    customSwitchWrap: _propTypes.PropTypes.string,
-    customSwitch: _propTypes.PropTypes.string,
-    customSwitchSize: _propTypes.PropTypes.string,
-    customLabel: _propTypes.PropTypes.string
-  }),
-  customProps: _propTypes.PropTypes.shape({
-    SwitchProps: _propTypes.PropTypes.object,
-    LabelProps: _propTypes.PropTypes.object
-  })
-};
+Switch.defaultProps = _defaultProps.defaultProps;
+Switch.propTypes = _propTypes.propTypes;
 
 if (false) {
   Switch.docs = {

package/lib/Switch/Switch.module.css

@@ -26,8 +26,9 @@
   border-radius: 20px;
   cursor: pointer;
 }
-.effect:hover .label,
-.effect:focus .label {
+.effect:hover .label
+/* .effect:focus .label */
+ {
   --switch_off_bg_color: var(--zdt_switch_effect_off_bg);
 }
 .label:after {

package/lib/Switch/props/defaultProps.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  checked: false,
+  disabled: false,
+  labelPalette: 'primary',
+  labelSize: 'medium',
+  size: 'medium',
+  isReadOnly: false,
+  customClass: {},
+  customProps: {}
+};
+exports.defaultProps = defaultProps;

package/lib/Switch/props/propTypes.js

@@ -0,0 +1,38 @@
+"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 = {
+  checked: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  id: _propTypes["default"].string.isRequired,
+  isReadOnly: _propTypes["default"].bool,
+  labelPalette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory']),
+  labelSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  name: _propTypes["default"].string,
+  onChange: _propTypes["default"].func,
+  size: _propTypes["default"].oneOf(['small', 'medium']),
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].bool,
+  customClass: _propTypes["default"].shape({
+    customSwitchWrap: _propTypes["default"].string,
+    customSwitch: _propTypes["default"].string,
+    customSwitchSize: _propTypes["default"].string,
+    customLabel: _propTypes["default"].string
+  }),
+  customProps: _propTypes["default"].shape({
+    SwitchProps: _propTypes["default"].object,
+    LabelProps: _propTypes["default"].object
+  })
+};
+exports.propTypes = propTypes;

package/lib/Tab/Tab.js

@@ -9,7 +9,9 @@ exports["default"] = Tab;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _Layout = require("../Layout");
 
@@ -119,36 +121,8 @@ function Tab(_ref) {
   }, children) : null));
 }
 
-Tab.defaultProps = {
-  dataId: 'tabMenu',
-  customProps: {}
-};
-Tab.propTypes = {
-  activeClass: _propTypes["default"].string,
-  align: _propTypes["default"].string,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  getTabRef: _propTypes["default"].func,
-  href: _propTypes["default"].string,
-  id: _propTypes["default"].string,
-  isActive: _propTypes["default"].bool,
-  isAnimate: _propTypes["default"].bool,
-  isDisabled: _propTypes["default"].bool,
-  isLink: _propTypes["default"].bool,
-  needAppearance: _propTypes["default"].bool,
-  needBorder: _propTypes["default"].bool,
-  onClick: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func,
-  style: _propTypes["default"].object,
-  text: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  titlePosition: _propTypes["default"].oneOf(['top', 'bottom', 'right', 'left']),
-  tourId: _propTypes["default"].string,
-  type: _propTypes["default"].string,
-  customProps: _propTypes["default"].object,
-  isVirtual: _propTypes["default"].bool
-};
+Tab.defaultProps = _defaultProps.Tab_defaultProps;
+Tab.propTypes = _propTypes.Tab_propTypes;
 
 if (false) {
   Tab.docs = {

package/lib/Tab/TabContent.js

@@ -7,7 +7,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");
 
@@ -32,14 +34,7 @@ var TabContent = function TabContent(_ref) {
   }, children);
 };
 
-TabContent.defaultProps = {
-  dataId: 'tabContent'
-};
-TabContent.propTypes = {
-  children: _propTypes["default"].node,
-  dataId: _propTypes["default"].string,
-  id: _propTypes["default"].string,
-  scroll: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both', 'none'])
-};
+TabContent.defaultProps = _defaultProps.TabContent_defaultProps;
+TabContent.propTypes = _propTypes.TabContent_propTypes;
 var _default = TabContent;
 exports["default"] = _default;