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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (228) hide show
  1. package/README.md +11 -0
  2. package/assets/Appearance/dark/mode/darkMode.module.css +1 -1
  3. package/assets/Appearance/default/mode/defaultMode.module.css +1 -1
  4. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +1 -1
  5. package/es/Accordion/Accordion.js +13 -8
  6. package/es/Accordion/AccordionItem.js +9 -7
  7. package/es/Accordion/props/defaultProps.js +6 -2
  8. package/es/Accordion/props/propTypes.js +3 -0
  9. package/es/Animation/Animation.js +9 -8
  10. package/es/AppContainer/AppContainer.js +11 -7
  11. package/es/AppContainer/props/defaultProps.js +2 -1
  12. package/es/AppContainer/props/propTypes.js +1 -0
  13. package/es/Avatar/Avatar.js +15 -11
  14. package/es/Avatar/props/defaultProps.js +2 -1
  15. package/es/Avatar/props/propTypes.js +1 -0
  16. package/es/AvatarTeam/AvatarTeam.js +11 -8
  17. package/es/AvatarTeam/props/defaultProps.js +1 -0
  18. package/es/AvatarTeam/props/propTypes.js +1 -0
  19. package/es/Button/Button.js +10 -7
  20. package/es/Button/props/defaultProps.js +1 -0
  21. package/es/Button/props/propTypes.js +1 -0
  22. package/es/Buttongroup/Buttongroup.js +21 -14
  23. package/es/Buttongroup/props/defaultProps.js +3 -1
  24. package/es/Buttongroup/props/propTypes.js +3 -1
  25. package/es/Card/Card.js +29 -18
  26. package/es/Card/props/defaultProps.js +12 -1
  27. package/es/CheckBox/CheckBox.js +10 -8
  28. package/es/CheckBox/props/propTypes.js +1 -0
  29. package/es/DateTime/DateWidget.js +17 -12
  30. package/es/DateTime/props/propTypes.js +3 -1
  31. package/es/DropBox/DropBox.js +13 -9
  32. package/es/DropBox/props/defaultProps.js +1 -0
  33. package/es/DropBox/props/propTypes.js +1 -0
  34. package/es/DropDown/DropDown.js +8 -6
  35. package/es/DropDown/DropDownHeading.js +13 -8
  36. package/es/DropDown/props/defaultProps.js +3 -1
  37. package/es/Heading/Heading.js +7 -6
  38. package/es/Label/Label.js +9 -6
  39. package/es/Label/props/defaultProps.js +2 -1
  40. package/es/Label/props/propTypes.js +1 -0
  41. package/es/Layout/Box.js +2 -1
  42. package/es/Layout/Container.js +2 -1
  43. package/es/Layout/props/defaultProps.js +4 -2
  44. package/es/Layout/props/propTypes.js +2 -0
  45. package/es/ListItem/ListContainer.js +9 -6
  46. package/es/ListItem/ListItem.js +11 -7
  47. package/es/ListItem/ListItemWithAvatar.js +10 -7
  48. package/es/ListItem/ListItemWithCheckBox.js +8 -6
  49. package/es/ListItem/ListItemWithIcon.js +11 -7
  50. package/es/ListItem/ListItemWithRadio.js +9 -6
  51. package/es/ListItem/props/defaultProps.js +12 -6
  52. package/es/ListItem/props/propTypes.js +6 -0
  53. package/es/Modal/Modal.js +9 -8
  54. package/es/MultiSelect/AdvancedGroupMultiSelect.js +10 -7
  55. package/es/MultiSelect/AdvancedMultiSelect.js +14 -10
  56. package/es/MultiSelect/MultiSelect.js +10 -7
  57. package/es/MultiSelect/MultiSelectWithAvatar.js +13 -9
  58. package/es/MultiSelect/props/defaultProps.js +8 -4
  59. package/es/MultiSelect/props/propTypes.js +8 -4
  60. package/es/PopOver/PopOver.js +8 -8
  61. package/es/Radio/Radio.js +6 -6
  62. package/es/Ribbon/Ribbon.js +18 -14
  63. package/es/Ribbon/props/defaultProps.js +2 -1
  64. package/es/Ribbon/props/propTypes.js +2 -1
  65. package/es/RippleEffect/RippleEffect.js +7 -6
  66. package/es/Select/GroupSelect.js +13 -10
  67. package/es/Select/Select.js +15 -12
  68. package/es/Select/SelectWithAvatar.js +14 -10
  69. package/es/Select/SelectWithIcon.js +11 -8
  70. package/es/Select/props/defaultProps.js +4 -0
  71. package/es/Select/props/propTypes.js +8 -4
  72. package/es/Stencils/Stencils.js +9 -8
  73. package/es/Switch/Switch.js +10 -7
  74. package/es/Switch/props/defaultProps.js +2 -1
  75. package/es/Switch/props/propTypes.js +1 -0
  76. package/es/Tab/Tab.js +10 -7
  77. package/es/Tab/TabContent.js +4 -2
  78. package/es/Tab/TabContentWrapper.js +4 -2
  79. package/es/Tab/TabWrapper.js +4 -2
  80. package/es/Tab/Tabs.js +8 -4
  81. package/es/Tab/props/defaultProps.js +10 -5
  82. package/es/Tab/props/propTypes.js +10 -5
  83. package/es/Tag/Tag.js +9 -7
  84. package/es/Tag/props/defaultProps.js +2 -1
  85. package/es/Tag/props/propTypes.js +2 -1
  86. package/es/TextBox/TextBox.js +12 -9
  87. package/es/TextBox/props/defaultProps.js +2 -1
  88. package/es/TextBox/props/propTypes.js +2 -1
  89. package/es/TextBoxIcon/TextBoxIcon.js +10 -8
  90. package/es/TextBoxIcon/props/defaultProps.js +2 -1
  91. package/es/TextBoxIcon/props/propTypes.js +1 -0
  92. package/es/Textarea/Textarea.js +12 -9
  93. package/es/Textarea/props/defaultProps.js +2 -1
  94. package/es/Textarea/props/propTypes.js +1 -0
  95. package/es/Tooltip/Tooltip.js +9 -8
  96. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +5 -5
  97. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +6 -5
  98. package/es/deprecated/PortalLayer/PortalLayer.js +7 -6
  99. package/es/semantic/Button/Button.js +6 -6
  100. package/install.md +10 -0
  101. package/lib/Accordion/Accordion.js +16 -9
  102. package/lib/Accordion/AccordionItem.js +12 -8
  103. package/lib/Accordion/props/defaultProps.js +6 -2
  104. package/lib/Accordion/props/propTypes.js +3 -0
  105. package/lib/Animation/Animation.js +12 -9
  106. package/lib/AppContainer/AppContainer.js +14 -8
  107. package/lib/AppContainer/props/defaultProps.js +2 -1
  108. package/lib/AppContainer/props/propTypes.js +1 -0
  109. package/lib/Avatar/Avatar.js +19 -13
  110. package/lib/Avatar/props/defaultProps.js +2 -1
  111. package/lib/Avatar/props/propTypes.js +1 -0
  112. package/lib/AvatarTeam/AvatarTeam.js +14 -9
  113. package/lib/AvatarTeam/props/defaultProps.js +1 -0
  114. package/lib/AvatarTeam/props/propTypes.js +1 -0
  115. package/lib/Button/Button.js +13 -8
  116. package/lib/Button/props/defaultProps.js +1 -0
  117. package/lib/Button/props/propTypes.js +1 -0
  118. package/lib/Buttongroup/Buttongroup.js +26 -16
  119. package/lib/Buttongroup/props/defaultProps.js +3 -1
  120. package/lib/Buttongroup/props/propTypes.js +3 -1
  121. package/lib/Card/Card.js +30 -22
  122. package/lib/Card/props/defaultProps.js +16 -3
  123. package/lib/CheckBox/CheckBox.js +13 -9
  124. package/lib/CheckBox/props/propTypes.js +1 -0
  125. package/lib/DateTime/CalendarView.js +5 -2
  126. package/lib/DateTime/DateTime.js +5 -3
  127. package/lib/DateTime/DateTimePopupFooter.js +3 -1
  128. package/lib/DateTime/DateTimePopupHeader.js +3 -1
  129. package/lib/DateTime/DateWidget.js +19 -13
  130. package/lib/DateTime/DaysRow.js +3 -1
  131. package/lib/DateTime/Time.js +3 -1
  132. package/lib/DateTime/YearView.js +3 -1
  133. package/lib/DateTime/dateFormatUtils/timeChange.js +2 -2
  134. package/lib/DateTime/props/propTypes.js +3 -1
  135. package/lib/DateTime/validator.js +3 -3
  136. package/lib/DropBox/DropBox.js +16 -10
  137. package/lib/DropBox/props/defaultProps.js +1 -0
  138. package/lib/DropBox/props/propTypes.js +1 -0
  139. package/lib/DropDown/DropDown.js +12 -8
  140. package/lib/DropDown/DropDownHeading.js +16 -9
  141. package/lib/DropDown/DropDownItem.js +3 -1
  142. package/lib/DropDown/DropDownSearch.js +5 -2
  143. package/lib/DropDown/DropDownSeparator.js +3 -1
  144. package/lib/DropDown/props/defaultProps.js +3 -1
  145. package/lib/DropDown/props/propTypes.js +4 -1
  146. package/lib/Heading/Heading.js +11 -8
  147. package/lib/Label/Label.js +12 -7
  148. package/lib/Label/props/defaultProps.js +2 -1
  149. package/lib/Label/props/propTypes.js +1 -0
  150. package/lib/Layout/Box.js +2 -1
  151. package/lib/Layout/Container.js +2 -1
  152. package/lib/Layout/props/defaultProps.js +4 -2
  153. package/lib/Layout/props/propTypes.js +2 -0
  154. package/lib/ListItem/ListContainer.js +9 -8
  155. package/lib/ListItem/ListItem.js +14 -8
  156. package/lib/ListItem/ListItemWithAvatar.js +13 -8
  157. package/lib/ListItem/ListItemWithCheckBox.js +11 -7
  158. package/lib/ListItem/ListItemWithIcon.js +14 -8
  159. package/lib/ListItem/ListItemWithRadio.js +12 -7
  160. package/lib/ListItem/props/defaultProps.js +12 -6
  161. package/lib/ListItem/props/propTypes.js +10 -2
  162. package/lib/Modal/Modal.js +12 -9
  163. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +15 -11
  164. package/lib/MultiSelect/AdvancedMultiSelect.js +17 -12
  165. package/lib/MultiSelect/EmptyState.js +3 -1
  166. package/lib/MultiSelect/MultiSelect.js +15 -10
  167. package/lib/MultiSelect/MultiSelectHeader.js +3 -1
  168. package/lib/MultiSelect/MultiSelectWithAvatar.js +15 -10
  169. package/lib/MultiSelect/SelectedOptions.js +5 -2
  170. package/lib/MultiSelect/Suggestions.js +4 -2
  171. package/lib/MultiSelect/props/defaultProps.js +8 -4
  172. package/lib/MultiSelect/props/propTypes.js +8 -4
  173. package/lib/PopOver/PopOver.js +11 -9
  174. package/lib/Popup/Popup.js +4 -2
  175. package/lib/Popup/__tests__/Popup.spec.js +3 -1
  176. package/lib/Provider/LibraryContext.js +5 -3
  177. package/lib/Provider/NumberGenerator/NumberGenerator.js +1 -1
  178. package/lib/Radio/Radio.js +9 -7
  179. package/lib/Responsive/CustomResponsive.js +6 -4
  180. package/lib/Responsive/RefWrapper.js +4 -2
  181. package/lib/Responsive/ResizeComponent.js +9 -4
  182. package/lib/Responsive/ResizeObserver.js +4 -1
  183. package/lib/Responsive/Responsive.js +6 -4
  184. package/lib/Responsive/sizeObservers.js +4 -2
  185. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +3 -1
  186. package/lib/Ribbon/Ribbon.js +21 -15
  187. package/lib/Ribbon/props/defaultProps.js +2 -1
  188. package/lib/Ribbon/props/propTypes.js +2 -1
  189. package/lib/RippleEffect/RippleEffect.js +7 -6
  190. package/lib/Select/GroupSelect.js +18 -15
  191. package/lib/Select/Select.js +18 -15
  192. package/lib/Select/SelectWithAvatar.js +16 -11
  193. package/lib/Select/SelectWithIcon.js +14 -9
  194. package/lib/Select/__tests__/Select.spec.js +2 -2
  195. package/lib/Select/props/defaultProps.js +8 -2
  196. package/lib/Select/props/propTypes.js +8 -4
  197. package/lib/Stencils/Stencils.js +12 -9
  198. package/lib/Switch/Switch.js +13 -8
  199. package/lib/Switch/props/defaultProps.js +2 -1
  200. package/lib/Switch/props/propTypes.js +1 -0
  201. package/lib/Tab/Tab.js +10 -7
  202. package/lib/Tab/TabContent.js +4 -2
  203. package/lib/Tab/TabContentWrapper.js +4 -2
  204. package/lib/Tab/TabWrapper.js +6 -4
  205. package/lib/Tab/Tabs.js +12 -6
  206. package/lib/Tab/props/defaultProps.js +10 -5
  207. package/lib/Tab/props/propTypes.js +10 -5
  208. package/lib/Tag/Tag.js +12 -8
  209. package/lib/Tag/props/defaultProps.js +2 -1
  210. package/lib/Tag/props/propTypes.js +2 -1
  211. package/lib/TextBox/TextBox.js +15 -10
  212. package/lib/TextBox/props/defaultProps.js +2 -1
  213. package/lib/TextBox/props/propTypes.js +5 -2
  214. package/lib/TextBoxIcon/TextBoxIcon.js +15 -10
  215. package/lib/TextBoxIcon/props/defaultProps.js +2 -1
  216. package/lib/TextBoxIcon/props/propTypes.js +1 -0
  217. package/lib/Textarea/Textarea.js +15 -10
  218. package/lib/Textarea/props/defaultProps.js +2 -1
  219. package/lib/Textarea/props/propTypes.js +1 -0
  220. package/lib/Tooltip/Tooltip.js +12 -9
  221. package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -1
  222. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +8 -6
  223. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +10 -7
  224. package/lib/deprecated/PortalLayer/PortalLayer.js +10 -7
  225. package/lib/semantic/Button/Button.js +9 -7
  226. package/lib/utils/constructFullName.js +2 -2
  227. package/lib/utils/dropDownUtils.js +5 -3
  228. package/package.json +11 -6
package/lib/Tab/Tabs.js CHANGED
@@ -23,10 +23,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
23
23
  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; }
24
24
  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; }
25
25
  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); }
26
- 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; }
26
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
27
27
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
28
- 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); } }
28
+ 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); } }
29
29
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
30
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
31
+ 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); }
30
32
  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); }
31
33
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
32
34
  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); }; }
@@ -424,7 +426,8 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
424
426
  getTargetRef = _this$props8.getTargetRef,
425
427
  position = _this$props8.position,
426
428
  customProps = _this$props8.customProps,
427
- getCustomDropBoxHeaderPlaceHolder = _this$props8.getCustomDropBoxHeaderPlaceHolder;
429
+ getCustomDropBoxHeaderPlaceHolder = _this$props8.getCustomDropBoxHeaderPlaceHolder,
430
+ dataSelectorId = _this$props8.dataSelectorId;
428
431
  var _customProps$DropBoxP = customProps.DropBoxProps,
429
432
  DropBoxProps = _customProps$DropBoxP === void 0 ? {} : _customProps$DropBoxP,
430
433
  _customProps$ListItem = customProps.ListItemProps,
@@ -458,7 +461,8 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
458
461
  isVirtual: isVirtual
459
462
  }, classProps));
460
463
  }), _react["default"].Children.count(moreTabs) ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
461
- className: "".concat(_TabsModule["default"].menu, " ")
464
+ className: "".concat(_TabsModule["default"].menu, " "),
465
+ dataSelectorId: "".concat(dataSelectorId, "_moreIcon")
462
466
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
463
467
  className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(moreButtonClass, " ").concat(isPopupOpen ? moreButtonActiveClass : ''),
464
468
  align: "both",
@@ -545,7 +549,8 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
545
549
  align = _this$props9.align,
546
550
  needAppearance = _this$props9.needAppearance,
547
551
  children = _this$props9.children,
548
- containerClass = _this$props9.containerClass;
552
+ containerClass = _this$props9.containerClass,
553
+ dataSelectorId = _this$props9.dataSelectorId;
549
554
  var _this$state2 = this.state,
550
555
  totalDimension = _this$state2.totalDimension,
551
556
  tabDimensions = _this$state2.tabDimensions,
@@ -558,7 +563,8 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
558
563
  var tabsClass = (0, _Common.cs)([_TabsModule["default"].tab, className, needAppearance && appearanceClass]);
559
564
  var hlClass = (0, _Common.cs)([_TabsModule["default"].highlight, highlightClass, isAnimate && _TabsModule["default"].lineAnimate]);
560
565
  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
561
- className: containerClass
566
+ className: containerClass,
567
+ dataSelectorId: dataSelectorId
562
568
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
563
569
  alignBox: align === 'vertical' ? 'row' : 'column',
564
570
  className: tabsClass,
@@ -6,15 +6,18 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.Tabs_defaultProps = exports.Tab_defaultProps = exports.TabWrapper_defaultProps = exports.TabContent_defaultProps = exports.TabContentWrapper_defaultProps = void 0;
7
7
  var Tab_defaultProps = {
8
8
  dataId: 'tabMenu',
9
- customProps: {}
9
+ customProps: {},
10
+ dataSelectorId: 'tab'
10
11
  };
11
12
  exports.Tab_defaultProps = Tab_defaultProps;
12
13
  var TabContent_defaultProps = {
13
- dataId: 'tabContent'
14
+ dataId: 'tabContent',
15
+ dataSelectorId: 'tabContent'
14
16
  };
15
17
  exports.TabContent_defaultProps = TabContent_defaultProps;
16
18
  var TabContentWrapper_defaultProps = {
17
- children: []
19
+ children: [],
20
+ dataSelectorId: 'tabContentWrapper'
18
21
  };
19
22
  exports.TabContentWrapper_defaultProps = TabContentWrapper_defaultProps;
20
23
  var Tabs_defaultProps = {
@@ -34,7 +37,8 @@ var Tabs_defaultProps = {
34
37
  iconName: 'ZD-TB-menu',
35
38
  iconSize: '7',
36
39
  containerClass: '',
37
- customProps: {}
40
+ customProps: {},
41
+ dataSelectorId: 'tabs'
38
42
  };
39
43
  exports.Tabs_defaultProps = Tabs_defaultProps;
40
44
  var TabWrapper_defaultProps = {
@@ -45,6 +49,7 @@ var TabWrapper_defaultProps = {
45
49
  needTabBorder: false,
46
50
  type: 'alpha',
47
51
  align: 'vertical',
48
- needAppearance: true
52
+ needAppearance: true,
53
+ dataSelectorId: 'tabWrapper'
49
54
  };
50
55
  exports.TabWrapper_defaultProps = TabWrapper_defaultProps;
@@ -30,14 +30,16 @@ var Tab_propTypes = {
30
30
  tourId: _propTypes["default"].string,
31
31
  type: _propTypes["default"].string,
32
32
  customProps: _propTypes["default"].object,
33
- isVirtual: _propTypes["default"].bool
33
+ isVirtual: _propTypes["default"].bool,
34
+ dataSelectorId: _propTypes["default"].string
34
35
  };
35
36
  exports.Tab_propTypes = Tab_propTypes;
36
37
  var TabContent_propTypes = {
37
38
  children: _propTypes["default"].node,
38
39
  dataId: _propTypes["default"].string,
39
40
  id: _propTypes["default"].string,
40
- scroll: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both', 'none'])
41
+ scroll: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both', 'none']),
42
+ dataSelectorId: _propTypes["default"].string
41
43
  };
42
44
  exports.TabContent_propTypes = TabContent_propTypes;
43
45
  var TabContentWrapper_propTypes = {
@@ -46,7 +48,8 @@ var TabContentWrapper_propTypes = {
46
48
  dataId: _propTypes["default"].string,
47
49
  onScroll: _propTypes["default"].func,
48
50
  selectedTab: _propTypes["default"].string,
49
- style: _propTypes["default"].object
51
+ style: _propTypes["default"].object,
52
+ dataSelectorId: _propTypes["default"].string
50
53
  };
51
54
  exports.TabContentWrapper_propTypes = TabContentWrapper_propTypes;
52
55
  var Tabs_propTypes = {
@@ -94,7 +97,8 @@ var Tabs_propTypes = {
94
97
  ListItemProps: _propTypes["default"].object,
95
98
  MoreButtonProps: _propTypes["default"].object
96
99
  }),
97
- getCustomDropBoxHeaderPlaceHolder: _propTypes["default"].func
100
+ getCustomDropBoxHeaderPlaceHolder: _propTypes["default"].func,
101
+ dataSelectorId: _propTypes["default"].string
98
102
  };
99
103
  exports.Tabs_propTypes = Tabs_propTypes;
100
104
  var TabWrapper_propTypes = {
@@ -109,6 +113,7 @@ var TabWrapper_propTypes = {
109
113
  needPadding: _propTypes["default"].bool,
110
114
  needTabBorder: _propTypes["default"].bool,
111
115
  onSelect: _propTypes["default"].func,
112
- type: _propTypes["default"].oneOf(['alpha', 'beta', 'zeta'])
116
+ type: _propTypes["default"].oneOf(['alpha', 'beta', 'zeta']),
117
+ dataSelectorId: _propTypes["default"].string
113
118
  };
114
119
  exports.TabWrapper_propTypes = TabWrapper_propTypes;
package/lib/Tag/Tag.js CHANGED
@@ -18,8 +18,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
18
18
  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); }
19
19
  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; }
20
20
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
21
- 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); } }
21
+ 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); } }
22
22
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
23
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
24
+ 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); }
23
25
  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); }
24
26
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
25
27
  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); }; }
@@ -99,6 +101,7 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
99
101
  onSelectTag = _this$props4.onSelectTag,
100
102
  closeTitle = _this$props4.closeTitle,
101
103
  dataId = _this$props4.dataId,
104
+ dataSelectorId = _this$props4.dataSelectorId,
102
105
  iconName = _this$props4.iconName,
103
106
  iconSize = _this$props4.iconSize,
104
107
  tooltip = _this$props4.tooltip,
@@ -127,7 +130,8 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
127
130
  ref: this.getRef,
128
131
  "data-title": tooltip ? tooltip : text,
129
132
  tabIndex: disabled ? '-1' : '0',
130
- "aria-labelledby": getAriaId
133
+ "aria-labelledby": getAriaId,
134
+ "data-selector-id": dataSelectorId
131
135
  }, hasAvatar ? /*#__PURE__*/_react["default"].createElement("div", {
132
136
  className: _TagModule["default"].avatar
133
137
  }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
@@ -169,9 +173,9 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
169
173
  exports["default"] = Tag;
170
174
  Tag.defaultProps = _defaultProps.defaultProps;
171
175
  Tag.propTypes = _propTypes.propTypes;
172
- if (false) {
173
- Tag.docs = {
174
- componentGroup: 'Molecule',
175
- folderName: 'Style Guide'
176
- };
177
- }
176
+ // if (__DOCS__) {
177
+ // Tag.docs = {
178
+ // componentGroup: 'Molecule',
179
+ // folderName: 'Style Guide'
180
+ // };
181
+ // }
@@ -15,6 +15,7 @@ var defaultProps = {
15
15
  customClass: {},
16
16
  a11y: {},
17
17
  needEffect: true,
18
- isReadOnly: false
18
+ isReadOnly: false,
19
+ dataSelectorId: 'tag'
19
20
  };
20
21
  exports.defaultProps = defaultProps;
@@ -37,6 +37,7 @@ var propTypes = {
37
37
  clearLabel: _propTypes["default"].string
38
38
  }),
39
39
  needEffect: _propTypes["default"].bool,
40
- isReadOnly: _propTypes["default"].bool
40
+ isReadOnly: _propTypes["default"].bool,
41
+ dataSelectorId: _propTypes["default"].string
41
42
  };
42
43
  exports.propTypes = propTypes;
@@ -12,8 +12,10 @@ var _TextBoxModule = _interopRequireDefault(require("./TextBox.module.css"));
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
13
  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); }
14
14
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
15
- 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); } }
15
+ 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); } }
16
16
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
17
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
18
+ 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); }
17
19
  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); }
18
20
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
19
21
  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); }; }
@@ -113,7 +115,8 @@ var Textbox = /*#__PURE__*/function (_React$PureComponent) {
113
115
  a11y = _this$props4.a11y,
114
116
  customClass = _this$props4.customClass,
115
117
  isFocus = _this$props4.isFocus,
116
- customProps = _this$props4.customProps;
118
+ customProps = _this$props4.customProps,
119
+ dataSelectorId = _this$props4.dataSelectorId;
117
120
  var ariaLabel = a11y.ariaLabel,
118
121
  ariaAutocomplete = a11y.ariaAutocomplete,
119
122
  ariaControls = a11y.ariaControls,
@@ -160,6 +163,7 @@ var Textbox = /*#__PURE__*/function (_React$PureComponent) {
160
163
  "aria-multiselectable": ariaMultiselectable,
161
164
  className: "".concat(isReadOnly && needReadOnlyStyle ? _TextBoxModule["default"].readonly : '', " ").concat(isClickable ? _TextBoxModule["default"].pointer : '', " ").concat(classList, " ").concat(_TextBoxModule["default"]["borderColor_".concat(borderColor)], " ").concat(customClass ? customClass : ''),
162
165
  "data-id": "".concat(dataId),
166
+ "data-selector-id": dataSelectorId,
163
167
  id: htmlId || id,
164
168
  maxLength: maxLength,
165
169
  name: name,
@@ -183,11 +187,12 @@ var Textbox = /*#__PURE__*/function (_React$PureComponent) {
183
187
  exports["default"] = Textbox;
184
188
  Textbox.defaultProps = _defaultProps.defaultProps;
185
189
  Textbox.propTypes = _propTypes.propTypes;
186
- if (false) {
187
- Textbox.docs = {
188
- componentGroup: 'Form Elements',
189
- folderName: 'Style Guide',
190
- external: true,
191
- description: ' '
192
- };
193
- }
190
+
191
+ // if (__DOCS__) {
192
+ // Textbox.docs = {
193
+ // componentGroup: 'Form Elements',
194
+ // folderName: 'Style Guide',
195
+ // external: true,
196
+ // description: ' '
197
+ // };
198
+ // }
@@ -21,6 +21,7 @@ var defaultProps = {
21
21
  borderColor: 'default',
22
22
  a11y: {},
23
23
  isFocus: false,
24
- customProps: {}
24
+ customProps: {},
25
+ dataSelectorId: 'textBox'
25
26
  };
26
27
  exports.defaultProps = defaultProps;
@@ -7,7 +7,10 @@ exports.propTypes = void 0;
7
7
  var _propTypes2 = _interopRequireDefault(require("prop-types"));
8
8
  var _propTypes;
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- 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; }
10
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
11
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
+ 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); }
11
14
  var propTypes = (_propTypes = {
12
15
  autofocus: _propTypes2["default"].bool,
13
16
  borderColor: _propTypes2["default"].oneOf(['transparent', 'default']),
@@ -53,5 +56,5 @@ var propTypes = (_propTypes = {
53
56
  ariaActivedescendant: _propTypes2["default"].string,
54
57
  ariaReadonly: _propTypes2["default"].bool,
55
58
  ariaMultiselectable: _propTypes2["default"].bool
56
- })), _defineProperty(_propTypes, "isFocus", _propTypes2["default"].bool), _defineProperty(_propTypes, "customProps", _propTypes2["default"].object), _propTypes);
59
+ })), _defineProperty(_propTypes, "isFocus", _propTypes2["default"].bool), _defineProperty(_propTypes, "customProps", _propTypes2["default"].object), _defineProperty(_propTypes, "dataSelectorId", _propTypes2["default"].string), _propTypes);
57
60
  exports.propTypes = propTypes;
@@ -16,8 +16,10 @@ var _TextBoxIconModule = _interopRequireDefault(require("./TextBoxIcon.module.cs
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
17
  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); }
18
18
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
19
- 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); } }
19
+ 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); } }
20
20
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
21
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
22
+ 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); }
21
23
  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); }
22
24
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
23
25
  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); }; }
@@ -25,7 +27,8 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
25
27
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
26
28
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
27
29
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
28
- /* eslint-disable react/forbid-component-props */var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
30
+ /* eslint-disable react/forbid-component-props */
31
+ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
29
32
  _inherits(TextBoxIcon, _React$Component);
30
33
  var _super = _createSuper(TextBoxIcon);
31
34
  function TextBoxIcon(props) {
@@ -87,6 +90,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
87
90
  onChange = _this$props2.onChange,
88
91
  title = _this$props2.title,
89
92
  dataId = _this$props2.dataId,
93
+ dataSelectorId = _this$props2.dataSelectorId,
90
94
  needReadOnlyStyle = _this$props2.needReadOnlyStyle,
91
95
  isClickable = _this$props2.isClickable,
92
96
  needEffect = _this$props2.needEffect,
@@ -118,6 +122,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
118
122
  alignBox: "row",
119
123
  isCover: false,
120
124
  className: "".concat(_TextBoxIconModule["default"].container, " ").concat(isDisabled ? _TextBoxIconModule["default"].disabled : isReadOnly ? needEffect ? _TextBoxIconModule["default"].effect : _TextBoxIconModule["default"].readonly : _TextBoxIconModule["default"].effect, " ").concat(isActive || isFocus ? _TextBoxIconModule["default"].effectFocused : '', " ").concat(customTBoxWrap, " ").concat(iconOnHover && (isReadOnly || isDisabled) ? _TextBoxIconModule["default"].iconOnHoverReadonly : iconOnHover && !(isReadOnly || isDisabled) ? _TextBoxIconModule["default"].iconOnHoverStyle : ''),
125
+ dataSelectorId: dataSelectorId,
121
126
  "data-title": isDisabled ? title : null
122
127
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
123
128
  flexible: true
@@ -177,11 +182,11 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
177
182
  exports["default"] = TextBoxIcon;
178
183
  TextBoxIcon.defaultProps = _defaultProps.defaultProps;
179
184
  TextBoxIcon.propTypes = _propTypes.propTypes;
180
- if (false) {
181
- TextBoxIcon.docs = {
182
- componentGroup: 'Form Elements',
183
- folderName: 'Style Guide',
184
- external: true,
185
- description: ' '
186
- };
187
- }
185
+ // if (__DOCS__) {
186
+ // TextBoxIcon.docs = {
187
+ // componentGroup: 'Form Elements',
188
+ // folderName: 'Style Guide',
189
+ // external: true,
190
+ // description: ' '
191
+ // };
192
+ // }
@@ -23,6 +23,7 @@ var defaultProps = {
23
23
  customClass: {},
24
24
  iconOnHover: false,
25
25
  isFocus: false,
26
- customProps: {}
26
+ customProps: {},
27
+ dataSelectorId: 'textBoxIcon'
27
28
  };
28
29
  exports.defaultProps = defaultProps;
@@ -10,6 +10,7 @@ var propTypes = {
10
10
  borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'error']),
11
11
  children: _propTypes["default"].node,
12
12
  dataId: _propTypes["default"].string,
13
+ dataSelectorId: _propTypes["default"].string,
13
14
  htmlId: _propTypes["default"].string,
14
15
  i18nKeys: _propTypes["default"].shape({
15
16
  clearText: _propTypes["default"].string
@@ -12,8 +12,10 @@ var _TextareaModule = _interopRequireDefault(require("./Textarea.module.css"));
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
13
  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); }
14
14
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
15
- 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); } }
15
+ 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); } }
16
16
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
17
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
18
+ 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); }
17
19
  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); }
18
20
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
19
21
  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); }; }
@@ -69,6 +71,7 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
69
71
  getRef = _this$props.getRef,
70
72
  onFocus = _this$props.onFocus,
71
73
  dataId = _this$props.dataId,
74
+ dataSelectorId = _this$props.dataSelectorId,
72
75
  isReadOnly = _this$props.isReadOnly,
73
76
  needAppearance = _this$props.needAppearance,
74
77
  needReadOnlyStyle = _this$props.needReadOnlyStyle,
@@ -111,7 +114,8 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
111
114
  onBlur: this.onBlur,
112
115
  ref: getRef,
113
116
  value: text,
114
- id: htmlId
117
+ id: htmlId,
118
+ "data-selector-id": dataSelectorId
115
119
  }));
116
120
  }
117
121
  }]);
@@ -120,11 +124,12 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
120
124
  exports["default"] = Textarea;
121
125
  Textarea.defaultProps = _defaultProps.defaultProps;
122
126
  Textarea.propTypes = _propTypes.propTypes;
123
- if (false) {
124
- Textarea.docs = {
125
- componentGroup: 'Form Elements',
126
- folderName: 'Style Guide',
127
- external: true,
128
- description: ' '
129
- };
130
- }
127
+
128
+ // if (__DOCS__) {
129
+ // Textarea.docs = {
130
+ // componentGroup: 'Form Elements',
131
+ // folderName: 'Style Guide',
132
+ // external: true,
133
+ // description: ' '
134
+ // };
135
+ // }
@@ -18,6 +18,7 @@ var defaultProps = {
18
18
  needEffect: true,
19
19
  autoFocus: false,
20
20
  customClass: '',
21
- a11y: {}
21
+ a11y: {},
22
+ dataSelectorId: 'textarea'
22
23
  };
23
24
  exports.defaultProps = defaultProps;
@@ -12,6 +12,7 @@ var propTypes = {
12
12
  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
13
13
  className: _propTypes["default"].string,
14
14
  dataId: _propTypes["default"].string,
15
+ dataSelectorId: _propTypes["default"].string,
15
16
  getRef: _propTypes["default"].func,
16
17
  htmlId: _propTypes["default"].string,
17
18
  isDisabled: _propTypes["default"].bool,
@@ -14,8 +14,10 @@ var _ResizeObserver = _interopRequireDefault(require("../Responsive/ResizeObserv
14
14
  var _selectn = _interopRequireDefault(require("selectn"));
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
16
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
17
- 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); } }
17
+ 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); } }
18
18
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
19
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
20
+ 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); }
19
21
  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); }
20
22
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
21
23
  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); }; }
@@ -509,11 +511,12 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
509
511
  exports["default"] = Tooltip;
510
512
  Tooltip.propTypes = _propTypes.propTypes;
511
513
  Tooltip.defaultProps = _defaultProps.defaultProps;
512
- if (false) {
513
- Tooltip.docs = {
514
- componentGroup: 'Atom',
515
- folderName: 'Style Guide',
516
- description: ' ',
517
- external: true
518
- };
519
- }
514
+
515
+ // if (__DOCS__) {
516
+ // Tooltip.docs = {
517
+ // componentGroup: 'Atom',
518
+ // folderName: 'Style Guide',
519
+ // description: ' ',
520
+ // external: true
521
+ // };
522
+ // }
@@ -6,8 +6,10 @@ var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
6
6
  var _Tooltip = _interopRequireDefault(require("../Tooltip"));
7
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
8
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
9
- 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); } }
9
+ 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); } }
10
10
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
11
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
12
+ 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); }
11
13
  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); }
12
14
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
13
15
  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); }; }
@@ -13,8 +13,10 @@ require("velocity-animate/velocity.ui");
13
13
  var _LibraryContextInit = _interopRequireDefault(require("../../Provider/LibraryContextInit"));
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
15
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16
- 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); } }
16
+ 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); } }
17
17
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
18
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
19
+ 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); }
18
20
  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); }
19
21
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
20
22
  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); }; }
@@ -93,8 +95,8 @@ exports["default"] = VelocityAnimation;
93
95
  VelocityAnimation.defaultProps = _defaultProps.defaultProps;
94
96
  VelocityAnimation.propTypes = _propTypes.propTypes;
95
97
  VelocityAnimation.contextType = _LibraryContextInit["default"];
96
- if (false) {
97
- VelocityAnimation.docs = {
98
- componentGroup: 'Animation'
99
- };
100
- }
98
+ // if (__DOCS__) {
99
+ // VelocityAnimation.docs = {
100
+ // componentGroup: 'Animation'
101
+ // };
102
+ // }
@@ -14,11 +14,13 @@ var _LibraryContextInit = _interopRequireDefault(require("../../Provider/Library
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
15
  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; }
16
16
  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; }
17
- 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; }
17
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
18
  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); }
19
19
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
20
- 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); } }
20
+ 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); } }
21
21
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
22
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
23
+ 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); }
22
24
  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); }
23
25
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
24
26
  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); }; }
@@ -124,8 +126,9 @@ VelocityAnimationGroup.defaultProps = _objectSpread(_objectSpread({}, _defaultPr
124
126
  });
125
127
  VelocityAnimationGroup.propTypes = _propTypes.propTypes;
126
128
  VelocityAnimationGroup.contextType = _LibraryContextInit["default"];
127
- if (false) {
128
- VelocityAnimationGroup.docs = {
129
- componentGroup: 'Animation'
130
- };
131
- }
129
+
130
+ // if (__DOCS__) {
131
+ // VelocityAnimationGroup.docs = {
132
+ // componentGroup: 'Animation'
133
+ // };
134
+ // }