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

package/lib/ListItem/ListItemWithRadio.js

@@ -9,14 +9,16 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Radio = _interopRequireDefault(require("../Radio/Radio"));
 
 var _Layout = require("../Layout");
 
 var _ListContainer = _interopRequireDefault(require("./ListContainer"));
 
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
+
 var _ListItemModule = _interopRequireDefault(require("./ListItem.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -159,46 +161,8 @@ var ListItemWithRadio = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = ListItemWithRadio;
-ListItemWithRadio.defaultProps = {
-  active: false,
-  autoHover: false,
-  checked: false,
-  highlight: false,
-  palette: 'default',
-  size: 'medium',
-  value: 'List',
-  dataId: 'listItemWithRadioComp',
-  a11y: {},
-  customClass: {},
-  customProps: {}
-};
-ListItemWithRadio.propTypes = {
-  active: _propTypes["default"].bool,
-  autoHover: _propTypes["default"].bool,
-  checked: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string,
-  disableTitle: _propTypes["default"].string,
-  getRef: _propTypes["default"].func,
-  highlight: _propTypes["default"].bool,
-  id: _propTypes["default"].string,
-  index: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  isDisabled: _propTypes["default"].bool,
-  onClick: _propTypes["default"].func,
-  onHover: _propTypes["default"].func,
-  palette: _propTypes["default"].string,
-  size: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    role: _propTypes["default"].string,
-    ariaSelected: _propTypes["default"].bool
-  }),
-  customClass: _propTypes["default"].shape({
-    customListItem: _propTypes["default"].string,
-    customRadio: _propTypes["default"].string,
-    customRadioWrap: _propTypes["default"].string
-  })
-};
+ListItemWithRadio.defaultProps = _defaultProps.ListItemWithRadioDefaultProps;
+ListItemWithRadio.propTypes = _propTypes.ListItemWithRadio_Props;
 
 if (false) {
   ListItemWithRadio.docs = {

package/lib/ListItem/props/defaultProps.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItemWithRadioDefaultProps = exports.ListItemWithIconDefaultProps = exports.ListItemWithCheckBoxDefaultProps = exports.ListItemWithAvatarDefaultProps = exports.ListItemDefaultProps = exports.ListContainerDefaultProps = void 0;
+var ListContainerDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  isLink: false,
+  target: 'blank',
+  needBorder: true,
+  a11y: {},
+  customClass: '',
+  customProps: {}
+};
+exports.ListContainerDefaultProps = ListContainerDefaultProps;
+var ListItemDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  id: '',
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  isLink: false,
+  target: 'blank',
+  needBorder: true,
+  a11y: {},
+  customClass: {},
+  customProps: {}
+};
+exports.ListItemDefaultProps = ListItemDefaultProps;
+var ListItemWithAvatarDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  isTeam: false,
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  dataId: 'listAvatar',
+  needBorder: true,
+  needAvatarTitle: true,
+  a11y: {},
+  customClass: {},
+  customProps: {}
+};
+exports.ListItemWithAvatarDefaultProps = ListItemWithAvatarDefaultProps;
+var ListItemWithCheckBoxDefaultProps = {
+  active: false,
+  autoHover: false,
+  checked: false,
+  highlight: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  a11y: {},
+  customClass: {},
+  customProps: {}
+};
+exports.ListItemWithCheckBoxDefaultProps = ListItemWithCheckBoxDefaultProps;
+var ListItemWithIconDefaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  iconName: '',
+  iconSize: '10',
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  needBorder: true,
+  a11y: {},
+  customClass: '',
+  customProps: {}
+};
+exports.ListItemWithIconDefaultProps = ListItemWithIconDefaultProps;
+var ListItemWithRadioDefaultProps = {
+  active: false,
+  autoHover: false,
+  checked: false,
+  highlight: false,
+  palette: 'default',
+  size: 'medium',
+  value: 'List',
+  dataId: 'listItemWithRadioComp',
+  a11y: {},
+  customClass: {},
+  customProps: {}
+};
+exports.ListItemWithRadioDefaultProps = ListItemWithRadioDefaultProps;

package/lib/ListItem/props/propTypes.js

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItem_Props = exports.ListItemWithRadio_Props = exports.ListItemWithIcon_Props = exports.ListItemWithCheckBox_Props = exports.ListItemWithAvatar_Props = exports.ListContainer_Props = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ListItemWithAvatar_P;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 ListContainer_Props = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  dataId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  highlight: _propTypes["default"].bool,
+  href: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  isLink: _propTypes["default"].bool,
+  needBorder: _propTypes["default"].bool,
+  needTick: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onMouseEnter: _propTypes["default"].func,
+  onMouseOver: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'dark']),
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  target: _propTypes["default"].oneOf(['blank', 'self']),
+  title: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool
+  }),
+  customClass: _propTypes["default"].string,
+  customProps: _propTypes["default"].object
+};
+exports.ListContainer_Props = ListContainer_Props;
+var ListItem_Props = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  dataId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  highlight: _propTypes["default"].bool,
+  href: _propTypes["default"].string,
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  index: _propTypes["default"].number,
+  isDisabled: _propTypes["default"].bool,
+  isLink: _propTypes["default"].bool,
+  needBorder: _propTypes["default"].bool,
+  needTick: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onMouseEnter: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'dark']),
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  target: _propTypes["default"].oneOf(['blank', 'self']),
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool
+  }),
+  customClass: _propTypes["default"].shape({
+    customListItem: _propTypes["default"].string,
+    customTickIcon: _propTypes["default"].string
+  }),
+  customProps: _propTypes["default"].shape({
+    ListItemProps: _propTypes["default"].object
+  })
+};
+exports.ListItem_Props = ListItem_Props;
+var ListItemWithAvatar_Props = (_ListItemWithAvatar_P = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  avatarPalette: _propTypes["default"].string
+}, _defineProperty(_ListItemWithAvatar_P, "avatarPalette", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "dataId", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "disableTitle", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "getRef", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "highlight", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "id", _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])), _defineProperty(_ListItemWithAvatar_P, "imgSrc", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "index", _propTypes["default"].number), _defineProperty(_ListItemWithAvatar_P, "initial", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "isDisabled", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "isTeam", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "name", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "needAvatarTitle", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "needBorder", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "needTick", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar_P, "onClick", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "onMouseEnter", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar_P, "palette", _propTypes["default"].oneOf(['dark'])), _defineProperty(_ListItemWithAvatar_P, "size", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "title", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "value", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar_P, "a11y", _propTypes["default"].shape({
+  role: _propTypes["default"].string,
+  ariaSelected: _propTypes["default"].bool,
+  ariaHidden: _propTypes["default"].bool
+})), _defineProperty(_ListItemWithAvatar_P, "customClass", _propTypes["default"].shape({
+  customListItem: _propTypes["default"].string,
+  customAvatar: _propTypes["default"].string,
+  customAvatarTeam: _propTypes["default"].string
+})), _defineProperty(_ListItemWithAvatar_P, "customProps", _propTypes["default"].shape({
+  ListItemProps: _propTypes["default"].object
+})), _ListItemWithAvatar_P);
+exports.ListItemWithAvatar_Props = ListItemWithAvatar_Props;
+var ListItemWithCheckBox_Props = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  checked: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  highlight: _propTypes["default"].bool,
+  id: _propTypes["default"].string,
+  index: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onHover: _propTypes["default"].func,
+  palette: _propTypes["default"].string,
+  size: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool
+  }),
+  customClass: _propTypes["default"].shape({
+    customListItem: _propTypes["default"].string,
+    customCheckBox: _propTypes["default"].string,
+    customLabel: _propTypes["default"].string
+  })
+};
+exports.ListItemWithCheckBox_Props = ListItemWithCheckBox_Props;
+var ListItemWithIcon_Props = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  highlight: _propTypes["default"].bool,
+  iconClass: _propTypes["default"].string,
+  iconName: _propTypes["default"].string,
+  iconSize: _propTypes["default"].string,
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  index: _propTypes["default"].number,
+  isDisabled: _propTypes["default"].bool,
+  needBorder: _propTypes["default"].bool,
+  needTick: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onMouseEnter: _propTypes["default"].func,
+  palette: _propTypes["default"].string,
+  size: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool,
+    ariaHidden: _propTypes["default"].bool
+  }),
+  customClass: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    ListItemProps: _propTypes["default"].object
+  })
+};
+exports.ListItemWithIcon_Props = ListItemWithIcon_Props;
+var ListItemWithRadio_Props = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  checked: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  disableTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  highlight: _propTypes["default"].bool,
+  id: _propTypes["default"].string,
+  index: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  isDisabled: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onHover: _propTypes["default"].func,
+  palette: _propTypes["default"].string,
+  size: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool
+  }),
+  customClass: _propTypes["default"].shape({
+    customListItem: _propTypes["default"].string,
+    customRadio: _propTypes["default"].string,
+    customRadioWrap: _propTypes["default"].string
+  })
+};
+exports.ListItemWithRadio_Props = ListItemWithRadio_Props;

package/lib/Modal/Modal.js

@@ -11,7 +11,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _AppContainerModule = _interopRequireDefault(require("../AppContainer/AppContainer.module.css"));
 
@@ -199,14 +201,8 @@ var Modal = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Modal;
-Modal.defaultProps = {
-  portalId: 'portal1'
-};
-Modal.propTypes = {
-  autoZIndexNeeded: _propTypes["default"].bool,
-  children: _propTypes["default"].node,
-  portalId: _propTypes["default"].string
-};
+Modal.defaultProps = _defaultProps.defaultProps;
+Modal.propTypes = _propTypes.propTypes;
 
 if (false) {
   Modal.docs = {

package/lib/Modal/props/defaultProps.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  portalId: 'portal1'
+};
+exports.defaultProps = defaultProps;

package/lib/Modal/props/propTypes.js

@@ -0,0 +1,17 @@
+"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 = {
+  autoZIndexNeeded: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  portalId: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

package/lib/MultiSelect/AdvancedGroupMultiSelect.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 
@@ -45,8 +47,6 @@ var _Common = require("../utils/Common.js");
 
 var _dropDownUtils = require("../utils/dropDownUtils");
 
-var _Config = require("../Provider/Config");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1149,94 +1149,8 @@ var AdvancedGroupMultiSelect = /*#__PURE__*/function (_React$Component) {
   return AdvancedGroupMultiSelect;
 }(_react["default"].Component);
 
-AdvancedGroupMultiSelect.defaultProps = {
-  animationStyle: 'bounce',
-  autoComplete: (0, _Config.getLibraryConfig)('autoComplete'),
-  dataId: 'multiSelect',
-  defaultDropBoxPosition: 'bottom',
-  dropBoxSize: 'small',
-  isAnimate: true,
-  isDisabled: false,
-  isPopupOpenOnEnter: false,
-  isPopupOpen: false,
-  isPopupReady: false,
-  isReadOnly: false,
-  needLocalSearch: true,
-  needSelectAll: false,
-  needToCloseOnSelect: false,
-  needBorder: true,
-  size: 'medium',
-  textBoxSize: 'medium',
-  textField: 'text',
-  valueField: 'id',
-  variant: 'default',
-  isSearching: false,
-  selectedOptionDetails: {},
-  selectedGroupOptions: [],
-  listItemSize: 'large',
-  isDataLoaded: true,
-  isNextOptions: false,
-  customClass: '',
-  borderColor: 'default',
-  isPadding: false,
-  i18nKeys: {},
-  a11y: {},
-  isSearchClearOnSelect: true,
-  needEffect: _propTypes["default"].bool,
-  palette: 'default'
-};
-AdvancedGroupMultiSelect.propTypes = {
-  animationStyle: _propTypes["default"].string,
-  autoComplete: _propTypes["default"].bool,
-  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
-  customClass: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
-  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  emptyMessage: _propTypes["default"].string.isRequired,
-  getContainerRef: _propTypes["default"].func,
-  getFooter: _propTypes["default"].func,
-  groupedOptions: _propTypes["default"].array.required,
-  i18nKeys: _propTypes["default"].shape({
-    loadingText: _propTypes["default"].string,
-    emptyText: _propTypes["default"].string,
-    noMoreText: _propTypes["default"].string,
-    searchEmptyText: _propTypes["default"].string
-  }),
-  a11y: _propTypes["default"].shape({
-    clearLabel: _propTypes["default"].string
-  }),
-  isDataLoaded: _propTypes["default"].bool,
-  isDisabled: _propTypes["default"].bool,
-  isPadding: _propTypes["default"].bool,
-  isPopupOpen: _propTypes["default"].bool,
-  isPopupReady: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
-  listItemSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  needBorder: _propTypes["default"].bool,
-  needResponsive: _propTypes["default"].bool,
-  needSelectAll: _propTypes["default"].bool,
-  notifyPopupToggle: _propTypes["default"].func,
-  onFocus: _propTypes["default"].func,
-  onKeyDown: _propTypes["default"].func,
-  onSearch: _propTypes["default"].func,
-  placeHolder: _propTypes["default"].string,
-  position: _propTypes["default"].string,
-  removeClose: _propTypes["default"].func,
-  searchDebounceTime: _propTypes["default"].number,
-  searchEmptyMessage: _propTypes["default"].string,
-  selectAllText: _propTypes["default"].string,
-  selectedGroupOptions: _propTypes["default"].array.isRequired,
-  selectedOptionDetails: _propTypes["default"].object,
-  size: _propTypes["default"].oneOf(['medium', 'xmedium']),
-  textBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'xmedium']),
-  title: _propTypes["default"].string,
-  variant: _propTypes["default"].string,
-  htmlId: _propTypes["default"].string,
-  isSearchClearOnSelect: _propTypes["default"].bool,
-  palette: _propTypes["default"].oneOf(['default', 'dark']),
-  needEffect: true
-};
+AdvancedGroupMultiSelect.defaultProps = _defaultProps.AdvancedGroupMultiSelect_defaultProps;
+AdvancedGroupMultiSelect.propTypes = _propTypes.AdvancedGroupMultiSelect_propTypes;
 
 if (false) {
   AdvancedGroupMultiSelect.docs = {

package/lib/MultiSelect/AdvancedMultiSelect.js

@@ -9,7 +9,9 @@ exports["default"] = exports.AdvancedMultiSelectComponent = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _MultiSelect = require("./MultiSelect");
 
@@ -604,118 +606,8 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
 }(_MultiSelect.MultiSelectComponent);
 
 exports.AdvancedMultiSelectComponent = AdvancedMultiSelectComponent;
-AdvancedMultiSelectComponent.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  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]),
-    photoURL: _propTypes["default"].string
-  }))]).isRequired,
-  selectedOptions: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])).isRequired,
-  getNextOptions: _propTypes["default"].func,
-  selectedOptionsLimit: _propTypes["default"].number,
-  getSelectedOptionDetails: _propTypes["default"].func,
-  emptyMessage: _propTypes["default"].string.isRequired,
-  getRef: _propTypes["default"].func,
-  searchDebounceTime: _propTypes["default"].number,
-  isNextOptions: _propTypes["default"].bool,
-  isDisabled: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
-  needLocalSearch: _propTypes["default"].bool,
-  needSelectAll: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func.isRequired,
-  onDropBoxClose: _propTypes["default"].func,
-  onDropBoxOpen: _propTypes["default"].func,
-  onSearch: _propTypes["default"].func,
-  searchEmptyMessage: _propTypes["default"].string,
-  placeHolder: _propTypes["default"].string,
-  selectAllText: _propTypes["default"].string,
-  textField: _propTypes["default"].string,
-  valueField: _propTypes["default"].string,
-  imageField: _propTypes["default"].string,
-  iconName: _propTypes["default"].string,
-  prefixText: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  //For grouping multiSelect
-  getPublicMethods: _propTypes["default"].func,
-  optionType: _propTypes["default"].oneOf(['default', 'avatar', 'icon']),
-  needEffect: _propTypes["default"].bool,
-  animationStyle: _propTypes["default"].string,
-  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
-  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  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,
-  dataIdClearIcon: _propTypes["default"].string,
-  dataIdLoading: _propTypes["default"].string,
-  dataIdMultiSelectComp: _propTypes["default"].string,
-  dataIdNoMreOptionMsg: _propTypes["default"].string,
-  dataIdSelectAllEle: _propTypes["default"].string,
-  isSearchClearOnClose: _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,
-  listItemSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  needBorder: _propTypes["default"].bool,
-  htmlId: _propTypes["default"].string,
-  i18nKeys: _propTypes["default"].shape({
-    clearText: _propTypes["default"].string,
-    loadingText: _propTypes["default"].string,
-    emptyText: _propTypes["default"].string,
-    noMoreText: _propTypes["default"].string,
-    searchEmptyText: _propTypes["default"].string
-  }),
-  a11y: _propTypes["default"].shape({
-    clearLabel: _propTypes["default"].string
-  }),
-  borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'dark']),
-  isBoxPaddingNeed: _propTypes["default"].bool,
-  isSearchClearOnSelect: _propTypes["default"].bool,
-  disabledOptions: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  getFooter: _propTypes["default"].func,
-  customProps: _propTypes["default"].shape({
-    SuggestionsProps: _propTypes["default"].object,
-    DropBoxProps: _propTypes["default"].object
-  })
-};
-AdvancedMultiSelectComponent.defaultProps = {
-  animationStyle: 'bounce',
-  dataIdClearIcon: 'clearIcon',
-  dataIdLoading: 'loading',
-  dataIdMultiSelectComp: 'multiSelectComp',
-  dataIdSelectAllEle: 'selectAllEle',
-  defaultDropBoxPosition: 'bottom',
-  dropBoxSize: 'small',
-  isAnimate: true,
-  isDisabled: false,
-  isReadOnly: false,
-  needLocalSearch: true,
-  needSelectAll: false,
-  selectedOptions: [],
-  size: 'medium',
-  textBoxSize: 'medium',
-  textField: 'text',
-  valueField: 'id',
-  variant: 'default',
-  isSearchClearOnClose: true,
-  needBorder: true,
-  i18nKeys: {},
-  a11y: {},
-  borderColor: 'default',
-  isBoxPaddingNeed: true,
-  isSearchClearOnSelect: true,
-  customProps: {},
-  needEffect: true
-};
+AdvancedMultiSelectComponent.propTypes = _propTypes.AdvancedMultiSelect_propTypes;
+AdvancedMultiSelectComponent.defaultProps = _defaultProps.AdvancedMultiSelect_defaultProps;
 AdvancedMultiSelectComponent.displayName = 'AdvancedMultiSelect';
 var AdvancedMultiSelect = (0, _Popup["default"])(AdvancedMultiSelectComponent);
 AdvancedMultiSelect.defaultProps = AdvancedMultiSelectComponent.defaultProps;