@zohodesk/components 1.0.0-alpha-257 → 1.0.0-alpha-258

package/es/Tab/Tabs.js

@@ -389,7 +389,8 @@ class Tabs extends React.Component {
       getTargetRef,
       position,
       customProps,
-      getCustomDropBoxHeaderPlaceHolder
+      getCustomDropBoxHeaderPlaceHolder,
+      dataSelectorId
     } = this.props;
     let {
       DropBoxProps = {},
@@ -423,7 +424,8 @@ class Tabs extends React.Component {
         isVirtual: isVirtual
       }, classProps));
     }), React.Children.count(moreTabs) ? /*#__PURE__*/React.createElement(Box, {
-      className: `${tabsStyle.menu} `
+      className: `${tabsStyle.menu} `,
+      dataSelectorId: `${dataSelectorId}_moreIcon`
     }, /*#__PURE__*/React.createElement(Container, _extends({
       className: `${btnstyle.buttonReset} ${moreButtonClass} ${isPopupOpen ? moreButtonActiveClass : ''}`,
       align: "both",
@@ -511,7 +513,8 @@ class Tabs extends React.Component {
       align,
       needAppearance,
       children,
-      containerClass
+      containerClass,
+      dataSelectorId
     } = this.props;
     let {
       totalDimension,
@@ -527,7 +530,8 @@ class Tabs extends React.Component {
     let tabsClass = cs([tabsStyle.tab, className, needAppearance && appearanceClass]);
     let hlClass = cs([tabsStyle.highlight, highlightClass, isAnimate && tabsStyle.lineAnimate]);
     return /*#__PURE__*/React.createElement(Box, {
-      className: containerClass
+      className: containerClass,
+      dataSelectorId: dataSelectorId
     }, /*#__PURE__*/React.createElement(Container, {
       alignBox: align === 'vertical' ? 'row' : 'column',
       className: tabsClass,

package/es/Tab/props/defaultProps.js

@@ -1,12 +1,15 @@
 export const Tab_defaultProps = {
   dataId: 'tabMenu',
-  customProps: {}
+  customProps: {},
+  dataSelectorId: 'tab'
 };
 export const TabContent_defaultProps = {
-  dataId: 'tabContent'
+  dataId: 'tabContent',
+  dataSelectorId: 'tabContent'
 };
 export const TabContentWrapper_defaultProps = {
-  children: []
+  children: [],
+  dataSelectorId: 'tabContentWrapper'
 };
 export const Tabs_defaultProps = {
   isAnimate: false,
@@ -25,7 +28,8 @@ export const Tabs_defaultProps = {
   iconName: 'ZD-TB-menu',
   iconSize: '7',
   containerClass: '',
-  customProps: {}
+  customProps: {},
+  dataSelectorId: 'tabs'
 };
 export const TabWrapper_defaultProps = {
   hookToDisableInternalState: false,
@@ -35,5 +39,6 @@ export const TabWrapper_defaultProps = {
   needTabBorder: false,
   type: 'alpha',
   align: 'vertical',
-  needAppearance: true
+  needAppearance: true,
+  dataSelectorId: 'tabWrapper'
 };

package/es/Tab/props/propTypes.js

@@ -23,13 +23,15 @@ export const Tab_propTypes = {
   tourId: PropTypes.string,
   type: PropTypes.string,
   customProps: PropTypes.object,
-  isVirtual: PropTypes.bool
+  isVirtual: PropTypes.bool,
+  dataSelectorId: PropTypes.string
 };
 export const TabContent_propTypes = {
   children: PropTypes.node,
   dataId: PropTypes.string,
   id: PropTypes.string,
-  scroll: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none'])
+  scroll: PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
+  dataSelectorId: PropTypes.string
 };
 export const TabContentWrapper_propTypes = {
   children: PropTypes.node,
@@ -37,7 +39,8 @@ export const TabContentWrapper_propTypes = {
   dataId: PropTypes.string,
   onScroll: PropTypes.func,
   selectedTab: PropTypes.string,
-  style: PropTypes.object
+  style: PropTypes.object,
+  dataSelectorId: PropTypes.string
 };
 export const Tabs_propTypes = {
   align: PropTypes.oneOf(['vertical', 'horizontal']),
@@ -84,7 +87,8 @@ export const Tabs_propTypes = {
     ListItemProps: PropTypes.object,
     MoreButtonProps: PropTypes.object
   }),
-  getCustomDropBoxHeaderPlaceHolder: PropTypes.func
+  getCustomDropBoxHeaderPlaceHolder: PropTypes.func,
+  dataSelectorId: PropTypes.string
 };
 export const TabWrapper_propTypes = {
   align: PropTypes.oneOf(['vertical', 'horizontal']),
@@ -98,5 +102,6 @@ export const TabWrapper_propTypes = {
   needPadding: PropTypes.bool,
   needTabBorder: PropTypes.bool,
   onSelect: PropTypes.func,
-  type: PropTypes.oneOf(['alpha', 'beta', 'zeta'])
+  type: PropTypes.oneOf(['alpha', 'beta', 'zeta']),
+  dataSelectorId: PropTypes.string
 };

package/es/Tag/Tag.js

@@ -71,6 +71,7 @@ export default class Tag extends PureComponent {
       onSelectTag,
       closeTitle,
       dataId,
+      dataSelectorId,
       iconName,
       iconSize,
       tooltip,
@@ -99,7 +100,8 @@ export default class Tag extends PureComponent {
       ref: this.getRef,
       "data-title": tooltip ? tooltip : text,
       tabIndex: disabled ? '-1' : '0',
-      "aria-labelledby": getAriaId
+      "aria-labelledby": getAriaId,
+      "data-selector-id": dataSelectorId
     }, hasAvatar ? /*#__PURE__*/React.createElement("div", {
       className: style.avatar
     }, /*#__PURE__*/React.createElement(Avatar, {

package/es/Tag/props/defaultProps.js

@@ -9,5 +9,6 @@ export const defaultProps = {
   customClass: {},
   a11y: {},
   needEffect: true,
-  isReadOnly: false
+  isReadOnly: false,
+  dataSelectorId: 'tag'
 };

package/es/Tag/props/propTypes.js

@@ -30,5 +30,6 @@ export const propTypes = {
     clearLabel: PropTypes.string
   }),
   needEffect: PropTypes.bool,
-  isReadOnly: PropTypes.bool
+  isReadOnly: PropTypes.bool,
+  dataSelectorId: PropTypes.string
 };

package/es/TextBox/TextBox.js

@@ -86,7 +86,8 @@ export default class Textbox extends React.PureComponent {
       a11y,
       customClass,
       isFocus,
-      customProps
+      customProps,
+      dataSelectorId
     } = this.props;
     let {
       ariaLabel,
@@ -136,6 +137,7 @@ export default class Textbox extends React.PureComponent {
       "aria-multiselectable": ariaMultiselectable,
       className: `${isReadOnly && needReadOnlyStyle ? style.readonly : ''} ${isClickable ? style.pointer : ''} ${classList} ${style[`borderColor_${borderColor}`]} ${customClass ? customClass : ''}`,
       "data-id": `${dataId}`,
+      "data-selector-id": dataSelectorId,
       id: htmlId || id,
       maxLength: maxLength,
       name: name,

package/es/TextBox/props/defaultProps.js

@@ -15,5 +15,6 @@ export const defaultProps = {
   borderColor: 'default',
   a11y: {},
   isFocus: false,
-  customProps: {}
+  customProps: {},
+  dataSelectorId: 'textBox'
 };

package/es/TextBox/props/propTypes.js

@@ -49,5 +49,6 @@ export const propTypes = {
     ariaMultiselectable: PropTypes.bool
   }),
   isFocus: PropTypes.bool,
-  customProps: PropTypes.object
+  customProps: PropTypes.object,
+  dataSelectorId: PropTypes.string
 };

package/es/TextBoxIcon/TextBoxIcon.js

@@ -63,6 +63,7 @@ export default class TextBoxIcon extends React.Component {
       onChange,
       title,
       dataId,
+      dataSelectorId,
       needReadOnlyStyle,
       isClickable,
       needEffect,
@@ -97,6 +98,7 @@ export default class TextBoxIcon extends React.Component {
       alignBox: "row",
       isCover: false,
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? needEffect ? style.effect : style.readonly : style.effect} ${isActive || isFocus ? style.effectFocused : ''} ${customTBoxWrap} ${iconOnHover && (isReadOnly || isDisabled) ? style.iconOnHoverReadonly : iconOnHover && !(isReadOnly || isDisabled) ? style.iconOnHoverStyle : ''}`,
+      dataSelectorId: dataSelectorId,
       "data-title": isDisabled ? title : null
     }, /*#__PURE__*/React.createElement(Box, {
       flexible: true

package/es/TextBoxIcon/props/defaultProps.js

@@ -17,5 +17,6 @@ export const defaultProps = {
   customClass: {},
   iconOnHover: false,
   isFocus: false,
-  customProps: {}
+  customProps: {},
+  dataSelectorId: 'textBoxIcon'
 };

package/es/TextBoxIcon/props/propTypes.js

@@ -3,6 +3,7 @@ export const propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default', 'error']),
   children: PropTypes.node,
   dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
   htmlId: PropTypes.string,
   i18nKeys: PropTypes.shape({
     clearText: PropTypes.string

package/es/Textarea/Textarea.js

@@ -45,6 +45,7 @@ export default class Textarea extends React.Component {
       getRef,
       onFocus,
       dataId,
+      dataSelectorId,
       isReadOnly,
       needAppearance,
       needReadOnlyStyle,
@@ -90,7 +91,8 @@ export default class Textarea extends React.Component {
       onBlur: this.onBlur,
       ref: getRef,
       value: text,
-      id: htmlId
+      id: htmlId,
+      "data-selector-id": dataSelectorId
     }));
   }
 }

package/es/Textarea/props/defaultProps.js

@@ -12,5 +12,6 @@ export const defaultProps = {
   needEffect: true,
   autoFocus: false,
   customClass: '',
-  a11y: {}
+  a11y: {},
+  dataSelectorId: 'textarea'
 };

package/es/Textarea/props/propTypes.js

@@ -5,6 +5,7 @@ export const propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),
   className: PropTypes.string,
   dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
   getRef: PropTypes.func,
   htmlId: PropTypes.string,
   isDisabled: PropTypes.bool,

package/lib/Accordion/Accordion.js

@@ -10,8 +10,10 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); } }
+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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -64,7 +66,9 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
         unMount = _this$props2.unMount,
         disableInternalState = _this$props2.disableInternalState,
         propSelectedItem = _this$props2.selectedItem,
-        a11y = _this$props2.a11y;
+        a11y = _this$props2.a11y,
+        dataId = _this$props2.dataId,
+        dataSelectorId = _this$props2.dataSelectorId;
       var selectedItem = this.state.selectedItem;
       var children = _react["default"].Children.map(this.props.children, function (child) {
         if (child) {
@@ -85,7 +89,9 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
         },
         role: role,
         "aria-expanded": ariaExpanded,
-        "aria-haspopup": ariaHaspopup
+        "aria-haspopup": ariaHaspopup,
+        "data-id": dataId,
+        "data-selector-id": dataSelectorId
       }, children);
     }
   }]);

package/lib/Accordion/AccordionItem.js

@@ -12,8 +12,10 @@ var _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation/Ve
 var _VelocityAnimationGroup = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); } }
+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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -49,6 +51,7 @@ var AccordionItem = /*#__PURE__*/function (_React$Component) {
         className = _this$props2.className,
         children = _this$props2.children,
         dataId = _this$props2.dataId,
+        dataSelectorId = _this$props2.dataSelectorId,
         unMount = _this$props2.unMount,
         unMountItem = _this$props2.unMountItem,
         a11y = _this$props2.a11y,
@@ -58,7 +61,8 @@ var AccordionItem = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: className ? className : '',
         "data-id": dataId,
-        role: role
+        role: role,
+        "data-selector-id": dataSelectorId
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: innerClass ? innerClass : '',
         onClick: selectMenu.bind(this, id)

package/lib/Accordion/props/defaultProps.js

@@ -7,10 +7,14 @@ exports.Accordion_defaultProps = exports.AccordionItem_defaultProps = void 0;
 var Accordion_defaultProps = {
   unMount: true,
   disableInternalState: false,
-  a11y: {}
+  a11y: {},
+  dataId: 'Accordion',
+  dataSelectorId: 'accordion'
 };
 exports.Accordion_defaultProps = Accordion_defaultProps;
 var AccordionItem_defaultProps = {
-  a11y: {}
+  a11y: {},
+  dataId: 'AccordionItem',
+  dataSelectorId: 'accordionItem'
 };
 exports.AccordionItem_defaultProps = AccordionItem_defaultProps;

package/lib/Accordion/props/propTypes.js

@@ -9,6 +9,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var Accordion_propTypes = {
   children: _propTypes["default"].node,
   className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
   disableInternalState: _propTypes["default"].bool,
   height: _propTypes["default"].string,
   onSelect: _propTypes["default"].func,
@@ -25,6 +27,7 @@ var AccordionItem_propTypes = {
   children: _propTypes["default"].node,
   className: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
   equalityCheck: _propTypes["default"].func,
   id: _propTypes["default"].string,
   selectMenu: _propTypes["default"].func,

package/lib/Animation/Animation.js

@@ -12,8 +12,10 @@ var _reactTransitionGroup = require("react-transition-group");
 var _transitionModule = _interopRequireDefault(require("../common/transition.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); } }
+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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }

package/lib/AppContainer/AppContainer.js

@@ -24,8 +24,10 @@ var _Config = require("../Provider/Config");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 _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); } }
+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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -117,6 +119,7 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
         children = _this$props.children,
         tagName = _this$props.tagName,
         dataId = _this$props.dataId,
+        dataSelectorId = _this$props.dataSelectorId,
         tooltipClass = _this$props.tooltipClass,
         tooltipParentClass = _this$props.tooltipParentClass,
         customProps = _this$props.customProps;
@@ -131,13 +134,15 @@ var AppContainer = /*#__PURE__*/function (_React$Component) {
         //onMouseOver={this.handleOver}
         ,
         dataId: dataId,
+        dataSelectorId: dataSelectorId,
         tagName: tagName,
         eleRef: this.getContainerRef
       }, ContainerProps, ExtraProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true
       }, children)), /*#__PURE__*/_react["default"].createElement("div", _extends({}, ExtraProps, {
         className: "".concat(_AppContainerModule["default"].container, " ").concat(_AppContainerModule["default"].tooltip, " ").concat(tooltipParentClass),
-        "data-id": "".concat(dataId, "_tooltip")
+        "data-id": "".concat(dataId, "_tooltip"),
+        "data-selector-id": "".concat(dataSelectorId, "_tooltip")
       }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], _extends({
         ref: this.setTooltipRef,
         customClass: tooltipClass

package/lib/AppContainer/props/defaultProps.js

@@ -10,6 +10,7 @@ var defaultProps = {
   className: '',
   tooltipClass: '',
   tooltipParentClass: '',
-  customProps: {}
+  customProps: {},
+  dataSelectorId: 'appContainer'
 };
 exports.defaultProps = defaultProps;

package/lib/AppContainer/props/propTypes.js

@@ -9,6 +9,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var propTypes = {
   children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element)]),
   dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
   eleRef: _propTypes["default"].func,
   tagName: _propTypes["default"].string,
   className: _propTypes["default"].string,

package/lib/Avatar/Avatar.js

@@ -18,10 +18,12 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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); } }
+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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -150,6 +152,7 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
         customClass = _this$props2.customClass,
         alternateSrc = _this$props2.alternateSrc,
         isAnimate = _this$props2.isAnimate,
+        dataSelectorId = _this$props2.dataSelectorId,
         customProps = _this$props2.customProps;
       var _customProps$AvatarPr = customProps.AvatarProps,
         AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
@@ -168,13 +171,16 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_AvatarModule["default"].avatar, " ").concat(_AvatarModule["default"][size], " ").concat((0, _AvatarSize["default"])(size), " ").concat(_AvatarModule["default"][shapeStyle], " ").concat(_AvatarModule["default"][palette], " ").concat(textStyle, " ").concat(borderStyle, " ").concat(customClass ? customClass : ''),
         "data-title": needTitle ? title ? title : name : null,
         "data-id": dataId,
-        onClick: onClick
+        onClick: onClick,
+        "data-selector-id": dataSelectorId
       }, AvatarProps), showInitial && !showAlternateAvatar && /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_AvatarModule["default"].initial),
-        "data-id": "".concat(dataId, "_AvatarInitial")
+        "data-id": "".concat(dataId, "_AvatarInitial"),
+        "data-selector-id": "".concat(dataSelectorId, "_AvatarInitial")
       }, initial), (showAvatar || showAlternateAvatar) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("img", {
         className: "".concat(_AvatarModule["default"].image, " ").concat(isAnimate ? _AvatarModule["default"].animate : ''),
         "data-id": "".concat(dataId, "_AvatarImg"),
+        "data-selector-id": "".concat(dataSelectorId, "_AvatarImg"),
         name: name,
         onError: this.putInvalidImageURLJSON,
         onLoad: this.putValidImageURLJSON,

package/lib/Avatar/props/defaultProps.js

@@ -16,6 +16,7 @@ var defaultProps = {
   borderOnActive: false,
   borderOnHover: false,
   customProps: {},
-  isAnimate: true
+  isAnimate: true,
+  dataSelectorId: 'avatar'
 };
 exports.defaultProps = defaultProps;

package/lib/Avatar/props/propTypes.js

@@ -8,6 +8,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var propTypes = {
   dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
   initial: _propTypes["default"].string,
   name: _propTypes["default"].string.isRequired,
   needBorder: _propTypes["default"].bool,

package/lib/AvatarTeam/AvatarTeam.js

@@ -13,8 +13,10 @@ var _AvatarTeamModule = _interopRequireDefault(require("./AvatarTeam.module.css"
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 _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); } }
+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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -55,6 +57,7 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
         customClass = _this$props.customClass,
         borderOnActive = _this$props.borderOnActive,
         borderOnHover = _this$props.borderOnHover,
+        dataSelectorId = _this$props.dataSelectorId,
         customProps = _this$props.customProps;
       var _customProps$AvatarTe = customProps.AvatarTeamProps,
         AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
@@ -67,7 +70,8 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
       var border = borderOnHover || onClick;
       return /*#__PURE__*/_react["default"].createElement("span", _extends({
         className: "".concat(_AvatarTeamModule["default"].container, " ").concat(borderOnActive ? _AvatarTeamModule["default"].borderOnActive : border ? _AvatarTeamModule["default"].borderOnHover : '', " "),
-        "data-id": dataId
+        "data-id": dataId,
+        "data-selector-id": dataSelectorId
       }, AvatarTeamProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
         name: name,
         onClick: onClick,

package/lib/AvatarTeam/props/defaultProps.js

@@ -11,6 +11,7 @@ var defaultProps = {
   src: null,
   title: null,
   dataId: 'avatarTeamComp',
+  dataSelectorId: 'avatarTeam',
   needTitle: true,
   customClass: {},
   borderOnActive: false,

package/lib/AvatarTeam/props/propTypes.js

@@ -8,6 +8,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var propTypes = {
   dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
   isFilled: _propTypes["default"].bool,
   name: _propTypes["default"].string.isRequired,
   needTitle: _propTypes["default"].bool,

package/lib/Button/Button.js

@@ -12,8 +12,10 @@ var _ButtonModule = _interopRequireDefault(require("./Button.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 _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); } }
+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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -51,6 +53,7 @@ var Button = /*#__PURE__*/function (_React$Component) {
         needAppearance = _this$props.needAppearance,
         getRef = _this$props.getRef,
         title = _this$props.title,
+        dataSelectorId = _this$props.dataSelectorId,
         customClass = _this$props.customClass,
         customProps = _this$props.customProps;
       var _customClass$customBu = customClass.customButton,
@@ -69,7 +72,8 @@ var Button = /*#__PURE__*/function (_React$Component) {
         onClick: onClick,
         "data-title": title,
         type: "button",
-        ref: getRef
+        ref: getRef,
+        "data-selector-id": dataSelectorId
       }, customProps), children ? children : text, statusLower !== 'none' && needAppearance && /*#__PURE__*/_react["default"].createElement("div", {
         className: _ButtonModule["default"].overlay
       }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/Button/props/defaultProps.js

@@ -8,6 +8,7 @@ var _dummyFunction = require("../../utils/dummyFunction");
 var defaultProps = {
   children: null,
   dataId: 'buttonComp',
+  dataSelectorId: 'button',
   disabled: false,
   isBold: true,
   needAppearance: true,

package/lib/Button/props/propTypes.js

@@ -10,6 +10,7 @@ var propTypes = {
   children: _propTypes["default"].node,
   className: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string,
   disabled: _propTypes["default"].bool,
   getRef: _propTypes["default"].func,
   isBold: _propTypes["default"].bool,