@zohodesk/components 1.2.19 → 1.2.21

package/lib/v1/Radio/props/defaultProps.js

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

package/lib/v1/Radio/props/propTypes.js

@@ -0,0 +1,44 @@
+"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 = {
+  active: _propTypes["default"].bool,
+  checked: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
+  disabledTitle: _propTypes["default"].string,
+  id: _propTypes["default"].string,
+  isFilled: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  labelPalette: _propTypes["default"].oneOf(['default', 'primary', 'danger', 'mandatory']),
+  labelSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  name: _propTypes["default"].string,
+  palette: _propTypes["default"].oneOf(['primary', 'danger']),
+  size: _propTypes["default"].oneOf(['small', 'medium']),
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  variant: _propTypes["default"].oneOf(['primary', 'default']),
+  customClass: _propTypes["default"].shape({
+    customRadioWrap: _propTypes["default"].string,
+    customRadio: _propTypes["default"].string,
+    customLabel: _propTypes["default"].string
+  }),
+  a11y: _propTypes["default"].shape({
+    ariaChecked: _propTypes["default"].bool,
+    ariaHidden: _propTypes["default"].bool,
+    role: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string,
+    ariaLabel: _propTypes["default"].string,
+    ariaReadonly: _propTypes["default"].bool
+  }),
+  onChange: _propTypes["default"].func,
+  text: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

package/lib/v1/Responsive/CustomResponsive.js

@@ -11,9 +11,9 @@ exports.useResponsiveReceiver = useResponsiveReceiver;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../Responsive/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Responsive/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _ResizeObserver = _interopRequireDefault(require("./ResizeObserver"));
 

package/lib/v1/Responsive/Responsive.js

@@ -12,9 +12,9 @@ exports.useResponsiveReceiver = useResponsiveReceiver;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../Responsive/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Responsive/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _ResizeObserver = _interopRequireDefault(require("./ResizeObserver"));
 

package/lib/v1/Responsive/props/defaultProps.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResponsiveSender_defaultProps = exports.ResponsiveReceiver_defaultProps = exports.CustomResponsiveSender_defaultProps = exports.CustomResponsiveReceiver_defaultProps = void 0;
+var CustomResponsiveSender_defaultProps = {
+  domRefKey: 'eleRef'
+};
+exports.CustomResponsiveSender_defaultProps = CustomResponsiveSender_defaultProps;
+var CustomResponsiveReceiver_defaultProps = {
+  domRefKey: 'eleRef'
+};
+exports.CustomResponsiveReceiver_defaultProps = CustomResponsiveReceiver_defaultProps;
+var ResponsiveSender_defaultProps = {
+  domRefKey: 'eleRef'
+};
+exports.ResponsiveSender_defaultProps = ResponsiveSender_defaultProps;
+var ResponsiveReceiver_defaultProps = {
+  domRefKey: 'eleRef',
+  hiddenSizes: []
+};
+exports.ResponsiveReceiver_defaultProps = ResponsiveReceiver_defaultProps;

package/lib/v1/Responsive/props/propTypes.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResponsiveSender_propTypes = exports.ResponsiveReceiver_propTypes = exports.CustomResponsiveSender_propTypes = exports.CustomResponsiveReceiver_propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var CustomResponsiveSender_propTypes = {
+  children: _propTypes["default"].any.isRequired,
+  domRefKey: _propTypes["default"].string,
+  responsiveId: _propTypes["default"].string
+};
+exports.CustomResponsiveSender_propTypes = CustomResponsiveSender_propTypes;
+var CustomResponsiveReceiver_propTypes = {
+  children: _propTypes["default"].func,
+  domRefKey: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  query: _propTypes["default"].func,
+  responsiveId: _propTypes["default"].string
+};
+exports.CustomResponsiveReceiver_propTypes = CustomResponsiveReceiver_propTypes;
+var ResponsiveSender_propTypes = {
+  children: _propTypes["default"].any.isRequired,
+  domRefKey: _propTypes["default"].string,
+  responsiveId: _propTypes["default"].string
+};
+exports.ResponsiveSender_propTypes = ResponsiveSender_propTypes;
+var ResponsiveReceiver_propTypes = {
+  children: _propTypes["default"].func,
+  domRefKey: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  hiddenSizes: _propTypes["default"].array,
+  responsiveId: _propTypes["default"].string
+};
+exports.ResponsiveReceiver_propTypes = ResponsiveReceiver_propTypes;

package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js

@@ -9,9 +9,9 @@ exports["default"] = ResponsiveDropBox;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../ResponsiveDropBox/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../ResponsiveDropBox/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _DropBox = _interopRequireDefault(require("../DropBox/DropBox"));
 

package/lib/v1/ResponsiveDropBox/props/defaultProps.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  isResponsivePadding: false,
+  alignBox: 'column'
+};
+exports.defaultProps = defaultProps;

package/lib/v1/ResponsiveDropBox/props/propTypes.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _propTypes2 = require("./../../DropBox/props/propTypes");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 propTypes = _objectSpread(_objectSpread({}, _propTypes2.DropBoxPropTypes), {}, {
+  children: _propTypes["default"].element,
+  customClass: _propTypes["default"].object,
+  isResponsivePadding: _propTypes["default"].bool,
+  alignBox: _propTypes["default"].oneOf(['column', 'row'])
+});
+
+exports.propTypes = propTypes;

package/lib/v1/Ribbon/Ribbon.js

@@ -7,9 +7,9 @@ exports["default"] = Ribbon;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../Ribbon/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Ribbon/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _RibbonModule = _interopRequireDefault(require("../../Ribbon/Ribbon.module.css"));
 
@@ -25,7 +25,7 @@ function Ribbon(props) {
       customClass = props.customClass,
       dataSelectorId = props.dataSelectorId;
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(_RibbonModule["default"].basic, " ").concat(customClass, " ").concat(type !== 'tag' ? type === 'plain' || type === 'box' || type === 'stamp' ? "".concat(_RibbonModule["default"]["plain_".concat(palette)], " \n                ").concat(type === 'box' ? _RibbonModule["default"]["box_".concat(palette)] : '', " ").concat(type === 'stamp' ? _RibbonModule["default"]["stamp_".concat(palette)] : '') : "".concat(_RibbonModule["default"]["palette_".concat(palette)], " ").concat(type === 'default' ? _RibbonModule["default"]["default_".concat(palette)] : '') : '', " ").concat(_RibbonModule["default"][size], " ").concat(_RibbonModule["default"][type]),
+    className: "".concat(_RibbonModule["default"].basic, " ").concat(customClass, " ").concat(type !== 'tag' ? type === 'plain' || type === 'box' || type === 'stamp' ? "".concat(_RibbonModule["default"]["plain_".concat(palette)], "\n                ").concat(type === 'box' ? _RibbonModule["default"]["box_".concat(palette)] : '', " ").concat(type === 'stamp' ? _RibbonModule["default"]["stamp_".concat(palette)] : '') : "".concat(_RibbonModule["default"]["palette_".concat(palette)], " ").concat(type === 'default' ? _RibbonModule["default"]["default_".concat(palette)] : '') : '', " ").concat(_RibbonModule["default"][size], " ").concat(_RibbonModule["default"][type]),
     "data-id": dataId,
     "data-test-id": dataId,
     "data-selector-id": dataSelectorId

package/lib/v1/Ribbon/props/defaultProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  palette: 'default',
+  size: 'large',
+  text: 'Ribbon',
+  type: 'default',
+  dataId: 'ribbonComp',
+  customClass: '',
+  dataSelectorId: 'ribbon'
+};
+exports.defaultProps = defaultProps;

package/lib/v1/Ribbon/props/propTypes.js

@@ -0,0 +1,22 @@
+"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 = {
+  children: _propTypes["default"].element,
+  dataId: _propTypes["default"].string,
+  palette: _propTypes["default"].oneOf(['default', 'danger', 'primary', 'secondary', 'info', 'dark']),
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large', 'xlarge']),
+  text: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['default', 'flag', 'plain', 'ribbon', 'box', 'stamp', 'sticker', 'tag']),
+  customClass: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

package/lib/v1/RippleEffect/RippleEffect.js

@@ -7,9 +7,9 @@ exports["default"] = RippleEffect;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../RippleEffect/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../RippleEffect/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _CssProvider = _interopRequireDefault(require("../../Provider/CssProvider"));
 

package/lib/v1/RippleEffect/props/defaultProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  isActive: false,
+  isDisabled: false,
+  isNeedEffect: true,
+  needBorder: true,
+  hoverType: 'default',
+  palette: 'default',
+  isCopyTextEnabled: false
+};
+exports.defaultProps = defaultProps;

package/lib/v1/RippleEffect/props/propTypes.js

@@ -0,0 +1,22 @@
+"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 = {
+  children: _propTypes["default"].node,
+  hoverType: _propTypes["default"].oneOf(['default', 'border', 'bg']),
+  isActive: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isNeedEffect: _propTypes["default"].bool,
+  needBorder: _propTypes["default"].bool,
+  palette: _propTypes["default"].oneOf(['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger']),
+  isCopyTextEnabled: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;

package/lib/v1/Select/GroupSelect.js

@@ -9,9 +9,9 @@ exports["default"] = exports.GroupSelectComponent = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../Select/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Select/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 

package/lib/v1/Select/Select.js

@@ -9,9 +9,9 @@ exports["default"] = exports.SelectComponent = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../Select/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Select/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 
@@ -53,6 +53,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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); } }
@@ -346,7 +352,8 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
           isPopupOpen = _this$props4.isPopupOpen,
           onKeyDown = _this$props4.onKeyDown,
           isPopupOpenOnEnter = _this$props4.isPopupOpenOnEnter,
-          needCloseOnSelect = _this$props4.needCloseOnSelect;
+          needCloseOnSelect = _this$props4.needCloseOnSelect,
+          isPopupReady = _this$props4.isPopupReady;
       var _this$state2 = this.state,
           hoverIndex = _this$state2.hoverIndex,
           optionsNormalize = _this$state2.optionsNormalize;
@@ -395,7 +402,7 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
         var _ref2 = option || {},
             id = _ref2.id;
 
-        if (isPopupOpen && !(0, _Common.getIsEmptyValue)(id) && onChange) {
+        if (isPopupReady && !(0, _Common.getIsEmptyValue)(id) && onChange) {
           onChange(id, optionsNormalize[id]);
           needCloseOnSelect && this.handlePopupClose(e);
         }
@@ -843,8 +850,11 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
         htmlId: htmlId,
         isFocus: isPopupReady,
         autoComplete: autoComplete,
+        isScrollPrevent: true,
         customProps: {
-          TextBoxProps: TextBoxProps
+          TextBoxProps: _objectSpread({
+            'data-title': title || selected
+          }, TextBoxProps)
         }
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
@@ -892,7 +902,10 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
         htmlId: htmlId,
         autoComplete: autoComplete,
         isFocus: isPopupReady,
-        customProps: TextBoxProps
+        isScrollPrevent: true,
+        customProps: _objectSpread({
+          'data-title': title || selected
+        }, TextBoxProps)
       })), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         query: this.responsiveFunc,
         responsiveId: "Helmet"

package/lib/v1/Select/SelectWithAvatar.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../Select/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Select/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Select = require("./Select");
 

package/lib/v1/Select/SelectWithIcon.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../Select/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../Select/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 

package/lib/v1/Select/props/defaultProps.js

@@ -0,0 +1,120 @@
+"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',
+  dataSelectorId: 'select',
+  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: {},
+  isLoading: false,
+  isAbsolutePositioningNeeded: true
+};
+exports.Select_defaultProps = Select_defaultProps;
+var GroupSelect_defaultProps = {
+  animationStyle: 'bounce',
+  defaultDropBoxPosition: 'bottom',
+  dropBoxSize: 'small',
+  dataSelectorId: 'groupSelect',
+  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,
+  isLoading: 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',
+  dataSelectorId: 'selectWithAvatar',
+  borderColor: 'default',
+  isSearchClearOnClose: true,
+  i18nKeys: {},
+  needEffect: true,
+  isLoading: false
+};
+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, "dataSelectorId", 'selectWithIcon'), _defineProperty(_SelectWithIcon_defau, "dropBoxSize", 'small'), _defineProperty(_SelectWithIcon_defau, "needIcon", true), _defineProperty(_SelectWithIcon_defau, "iconSize", '14'), _defineProperty(_SelectWithIcon_defau, "i18nKeys", {}), _defineProperty(_SelectWithIcon_defau, "isLoading", false), _SelectWithIcon_defau);
+exports.SelectWithIcon_defaultProps = SelectWithIcon_defaultProps;