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

package/lib/Select/Select.js

@@ -9,7 +9,9 @@ exports["default"] = exports.SelectComponent = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 
@@ -972,125 +974,8 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports.SelectComponent = SelectComponent;
-SelectComponent.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
-  })
-};
-SelectComponent.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: {}
-};
+SelectComponent.propTypes = _propTypes.Select_propTypes;
+SelectComponent.defaultProps = _defaultProps.Select_defaultProps;
 SelectComponent.displayName = 'Select';
 var Select = (0, _Popup["default"])(SelectComponent);
 Select.defaultProps = SelectComponent.defaultProps;

package/lib/Select/SelectWithAvatar.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 _Select = require("./Select");
 
@@ -361,85 +363,8 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
   return SelectWithAvatarComponent;
 }(_Select.SelectComponent);
 
-SelectWithAvatarComponent.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
-};
-SelectWithAvatarComponent.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
-};
+SelectWithAvatarComponent.propTypes = _propTypes.SelectWithAvatar_propTypes;
+SelectWithAvatarComponent.defaultProps = _defaultProps.SelectWithAvatar_defaultProps;
 SelectWithAvatarComponent.displayName = 'SelectWithAvatar';
 var SelectWithAvatar = (0, _Popup["default"])(SelectWithAvatarComponent);
 SelectWithAvatar.defaultProps = SelectWithAvatarComponent.defaultProps;

package/lib/Select/SelectWithIcon.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 
@@ -35,16 +37,12 @@ var _Common = require("../utils/Common.js");
 
 var _SelectModule = _interopRequireDefault(require("./Select.module.css"));
 
-var _SelectWithIcon$defau;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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; }
 
-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; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -511,61 +509,8 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
   return SelectWithIcon;
 }(_react.Component);
 
-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
-};
-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);
+SelectWithIcon.propTypes = _propTypes.SelectWithIcon_propTypes;
+SelectWithIcon.defaultProps = _defaultProps.SelectWithIcon_defaultProps;
 
 if (false) {
   SelectWithIcon.docs = {

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;