@zohodesk/dot 1.3.0 → 1.3.2

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 (164) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +21 -12
  5. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +163 -553
  6. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +3 -12
  7. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +3 -12
  8. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +3 -12
  9. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +3 -12
  10. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +3 -12
  11. package/assets/Appearance/light/mode/Dot_LightMode.module.css +163 -553
  12. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +3 -12
  13. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +3 -12
  14. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +3 -12
  15. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +3 -12
  16. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +3 -12
  17. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +163 -553
  18. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +3 -12
  19. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +3 -12
  20. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +3 -12
  21. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +3 -12
  22. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +3 -12
  23. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  24. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  25. package/coverage/ExternalLink/index.html +1 -1
  26. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  27. package/coverage/ExternalLink/props/index.html +1 -1
  28. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  29. package/coverage/IconButton/IconButton.js.html +466 -0
  30. package/coverage/IconButton/IconButton.module.css.html +151 -0
  31. package/coverage/IconButton/index.html +131 -0
  32. package/coverage/IconButton/props/defaultProps.js.html +136 -0
  33. package/coverage/IconButton/props/index.html +131 -0
  34. package/coverage/IconButton/props/propTypes.js.html +187 -0
  35. package/coverage/Image/Image.js.html +1 -1
  36. package/coverage/Image/Image.module.css.html +1 -1
  37. package/coverage/Image/index.html +1 -1
  38. package/coverage/Image/props/defaultProps.js.html +1 -1
  39. package/coverage/Image/props/index.html +1 -1
  40. package/coverage/Image/props/propTypes.js.html +1 -1
  41. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  42. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  43. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  44. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  45. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  46. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  47. package/coverage/coverage-final.json +4 -0
  48. package/coverage/coverage-summary.json +5 -1
  49. package/coverage/index.html +40 -10
  50. package/es/IconButton/__tests__/IconButton.spec.js +148 -0
  51. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -0
  52. package/es/form/fields/FieldContainer/props/propTypes.js +1 -1
  53. package/es/v1/ActionButton/ActionButton.js +2 -2
  54. package/es/v1/AlphabeticList/AlphabeticList.js +6 -2
  55. package/es/v1/Attachment/Attachment.js +78 -75
  56. package/es/v1/AttachmentViewer/AttachmentImage.js +44 -63
  57. package/es/v1/Image/Image.js +26 -33
  58. package/es/v1/Loader/Loader.js +12 -18
  59. package/es/v1/Message/Message.js +16 -42
  60. package/es/v1/PlusIcon/PlusIcon.js +25 -37
  61. package/es/v1/Separator/Separator.js +40 -47
  62. package/es/v1/Upload/Upload.js +59 -66
  63. package/es/v1/alert/AlertHeader/AlertHeader.js +5 -4
  64. package/es/v1/alert/AlertHeader/props/defaultProps.js +12 -0
  65. package/es/v1/alert/AlertHeader/props/propTypes.js +20 -0
  66. package/es/v1/alert/AlertLookup/AlertLookup.js +6 -4
  67. package/es/v1/alert/AlertLookup/props/defaultProps.js +13 -0
  68. package/es/v1/alert/AlertLookup/props/propTypes.js +36 -0
  69. package/es/v1/avatar/AvatarClose/AvatarClose.js +32 -43
  70. package/es/v1/avatar/AvatarCollision/AvatarCollision.js +41 -52
  71. package/es/v1/avatar/AvatarIcon/AvatarIcon.js +38 -43
  72. package/es/v1/avatar/AvatarStatus/AvatarStatus.js +52 -63
  73. package/es/v1/avatar/AvatarThread/AvatarThread.js +62 -69
  74. package/es/v1/avatar/AvatarUser/AvatarUser.js +93 -100
  75. package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +81 -88
  76. package/es/v1/form/fields/CheckBoxField/CheckBoxField.js +6 -6
  77. package/es/v1/form/fields/CurrencyField/CurrencyField.js +6 -6
  78. package/es/v1/form/fields/DateField/DateField.js +6 -6
  79. package/es/v1/form/fields/FieldContainer/FieldContainer.js +6 -6
  80. package/es/v1/form/fields/MultiSelectField/MultiSelectField.js +6 -6
  81. package/es/v1/form/fields/PhoneField/PhoneField.js +6 -6
  82. package/es/v1/form/fields/RadioField/RadioField.js +89 -97
  83. package/es/v1/form/fields/SelectField/SelectField.js +139 -154
  84. package/es/v1/layout/SetupDetailLayout/SetupDetailLayout.js +154 -197
  85. package/es/v1/layout/SubtabLayout/SubtabLayout.js +108 -124
  86. package/es/v1/list/SecondaryText/AccountName.js +61 -69
  87. package/es/v1/list/SecondaryText/ContactName.js +66 -74
  88. package/es/v1/list/SecondaryText/DepartmentText.js +15 -27
  89. package/es/v1/list/SecondaryText/Email.js +32 -40
  90. package/es/v1/list/SecondaryText/HappinessRating.js +17 -25
  91. package/es/v1/list/SecondaryText/PhoneNumber.js +36 -44
  92. package/es/v1/list/SecondaryText/PriorityText.js +16 -28
  93. package/es/v1/list/SecondaryText/SecondaryText.js +21 -33
  94. package/es/v1/list/SecondaryText/StatusText.js +17 -29
  95. package/es/v1/list/SecondaryText/TicketId.js +33 -45
  96. package/es/v1/list/SecondaryText/Website.js +22 -30
  97. package/es/v1/list/SecondryPanel/SecondryPanel.js +66 -83
  98. package/es/v1/list/SentimentStatus/SentimentStatus.js +18 -29
  99. package/es/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
  100. package/es/v1/list/status/StatusListItem/StatusListItem.js +75 -100
  101. package/es/v1/lookup/EmptyPage/EmptyPage.js +15 -26
  102. package/es/v1/lookup/Section/Section.js +14 -20
  103. package/es/v1/svg/PlusIcon.js +20 -27
  104. package/es/v1/svg/SnippetIcon.js +22 -29
  105. package/es/v1/svg/TemplateIcon.js +23 -30
  106. package/lib/IconButton/__tests__/IconButton.spec.js +156 -0
  107. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -0
  108. package/lib/form/fields/FieldContainer/props/propTypes.js +1 -1
  109. package/lib/v1/ActionButton/ActionButton.js +2 -2
  110. package/lib/v1/AlphabeticList/AlphabeticList.js +7 -3
  111. package/lib/v1/Attachment/Attachment.js +77 -112
  112. package/lib/v1/AttachmentViewer/AttachmentImage.js +61 -96
  113. package/lib/v1/Image/Image.js +26 -71
  114. package/lib/v1/Loader/Loader.js +12 -55
  115. package/lib/v1/Message/Message.js +23 -80
  116. package/lib/v1/PlusIcon/PlusIcon.js +25 -71
  117. package/lib/v1/Separator/Separator.js +44 -85
  118. package/lib/v1/Upload/Upload.js +58 -103
  119. package/lib/v1/alert/AlertHeader/AlertHeader.js +5 -4
  120. package/lib/v1/alert/AlertHeader/props/defaultProps.js +19 -0
  121. package/lib/v1/alert/AlertHeader/props/propTypes.js +31 -0
  122. package/lib/v1/alert/AlertLookup/AlertLookup.js +6 -4
  123. package/lib/v1/alert/AlertLookup/props/defaultProps.js +20 -0
  124. package/lib/v1/alert/AlertLookup/props/propTypes.js +47 -0
  125. package/lib/v1/avatar/AvatarClose/AvatarClose.js +32 -77
  126. package/lib/v1/avatar/AvatarCollision/AvatarCollision.js +41 -86
  127. package/lib/v1/avatar/AvatarIcon/AvatarIcon.js +37 -80
  128. package/lib/v1/avatar/AvatarStatus/AvatarStatus.js +52 -97
  129. package/lib/v1/avatar/AvatarThread/AvatarThread.js +61 -106
  130. package/lib/v1/avatar/AvatarUser/AvatarUser.js +95 -140
  131. package/lib/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +85 -130
  132. package/lib/v1/form/fields/CheckBoxField/CheckBoxField.js +6 -6
  133. package/lib/v1/form/fields/CurrencyField/CurrencyField.js +6 -6
  134. package/lib/v1/form/fields/DateField/DateField.js +6 -6
  135. package/lib/v1/form/fields/FieldContainer/FieldContainer.js +6 -6
  136. package/lib/v1/form/fields/MultiSelectField/MultiSelectField.js +6 -6
  137. package/lib/v1/form/fields/PhoneField/PhoneField.js +6 -6
  138. package/lib/v1/form/fields/RadioField/RadioField.js +91 -137
  139. package/lib/v1/form/fields/SelectField/SelectField.js +149 -200
  140. package/lib/v1/layout/SetupDetailLayout/SetupDetailLayout.js +160 -253
  141. package/lib/v1/layout/SubtabLayout/SubtabLayout.js +107 -206
  142. package/lib/v1/list/SecondaryText/AccountName.js +63 -113
  143. package/lib/v1/list/SecondaryText/ContactName.js +67 -117
  144. package/lib/v1/list/SecondaryText/DepartmentText.js +16 -66
  145. package/lib/v1/list/SecondaryText/Email.js +32 -82
  146. package/lib/v1/list/SecondaryText/HappinessRating.js +21 -68
  147. package/lib/v1/list/SecondaryText/PhoneNumber.js +36 -86
  148. package/lib/v1/list/SecondaryText/PriorityText.js +16 -66
  149. package/lib/v1/list/SecondaryText/SecondaryText.js +19 -69
  150. package/lib/v1/list/SecondaryText/StatusText.js +17 -67
  151. package/lib/v1/list/SecondaryText/TicketId.js +33 -83
  152. package/lib/v1/list/SecondaryText/Website.js +29 -72
  153. package/lib/v1/list/SecondryPanel/SecondryPanel.js +69 -168
  154. package/lib/v1/list/SentimentStatus/SentimentStatus.js +19 -64
  155. package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
  156. package/lib/v1/list/status/StatusListItem/StatusListItem.js +81 -137
  157. package/lib/v1/lookup/EmptyPage/EmptyPage.js +43 -93
  158. package/lib/v1/lookup/Section/Section.js +14 -58
  159. package/lib/v1/svg/PlusIcon.js +20 -65
  160. package/lib/v1/svg/SnippetIcon.js +22 -67
  161. package/lib/v1/svg/TemplateIcon.js +23 -68
  162. package/package.json +12 -12
  163. package/result.json +1 -1
  164. package/unittest/index.html +1 -1
@@ -1,11 +1,12 @@
1
1
  "use strict";
2
2
 
3
- 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); }
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
- exports["default"] = exports.SubtabHeader = exports.SubtabFooter = exports.SubtabContent = void 0;
6
+ exports.SubtabContent = SubtabContent;
7
+ exports.SubtabFooter = SubtabFooter;
8
+ exports.SubtabHeader = SubtabHeader;
9
+ exports["default"] = SubtabLayout;
9
10
 
10
11
  var _react = _interopRequireDefault(require("react"));
11
12
 
@@ -25,221 +26,121 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
25
26
 
26
27
  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); }
27
28
 
28
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
29
-
30
- 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); } }
31
-
32
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
33
-
34
- 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); }
35
-
36
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
37
-
38
- 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); }; }
39
-
40
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
41
-
42
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
43
-
44
- 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; } }
45
-
46
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
47
-
48
- var SubtabHeader = /*#__PURE__*/function (_React$Component) {
49
- _inherits(SubtabHeader, _React$Component);
50
-
51
- var _super = _createSuper(SubtabHeader);
52
-
53
- function SubtabHeader() {
54
- _classCallCheck(this, SubtabHeader);
55
-
56
- return _super.apply(this, arguments);
57
- }
58
-
59
- _createClass(SubtabHeader, [{
60
- key: "render",
61
- value: function render() {
62
- var _this$props = this.props,
63
- onAdd = _this$props.onAdd,
64
- getLeftPlaceHolder = _this$props.getLeftPlaceHolder,
65
- title = _this$props.title,
66
- label = _this$props.label,
67
- getRightPlaceHolder = _this$props.getRightPlaceHolder,
68
- type = _this$props.type,
69
- leftClassName = _this$props.leftClassName,
70
- rightClassName = _this$props.rightClassName,
71
- className = _this$props.className,
72
- needBorder = _this$props.needBorder,
73
- needShadow = _this$props.needShadow,
74
- needPlusIconLine = _this$props.needPlusIconLine,
75
- children = _this$props.children,
76
- dataId = _this$props.dataId,
77
- isPeekView = _this$props.isPeekView;
78
- return /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, {
79
- customClass: "".concat(_SubtabLayoutModule["default"].tabHead, " ").concat(needShadow ? _SubtabLayoutModule["default"].shadowStyle : '', " ").concat(needBorder ? "".concat(_SubtabLayoutModule["default"][type], "_borderStyle") : '')
80
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
81
- alignBox: "row",
82
- className: " ".concat(className, " ").concat(isPeekView ? "".concat(_SubtabLayoutModule["default"][type], "_peek") : _SubtabLayoutModule["default"][type]),
83
- align: "vertical"
84
- }, onAdd || children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
85
- className: "".concat(_SubtabLayoutModule["default"].left, " ").concat(needPlusIconLine ? _SubtabLayoutModule["default"].plusIconLine : '')
86
- }, onAdd ? /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], {
87
- dataId: dataId,
88
- onClick: onAdd
89
- }) : children) : null, title ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
90
- className: "".concat(_SubtabLayoutModule["default"].title, " ").concat(onAdd ? _SubtabLayoutModule["default"].cursor : ''),
91
- onClick: onAdd ? onAdd : null
92
- }, title) : null, getLeftPlaceHolder && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
93
- flexible: true,
94
- shrink: true,
95
- adjust: getRightPlaceHolder ? true : false,
96
- className: leftClassName
97
- }, label ? /*#__PURE__*/_react["default"].createElement("div", {
98
- className: _SubtabLayoutModule["default"].label
99
- }, label) : null, getLeftPlaceHolder), getRightPlaceHolder && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
100
- flexible: true,
101
- shrink: true,
102
- adjust: getLeftPlaceHolder ? true : false,
103
- className: rightClassName
104
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
105
- alignBox: "row",
106
- align: "vertical",
107
- className: _SubtabLayoutModule["default"].aside
108
- }, getRightPlaceHolder))));
109
- }
110
- }]);
111
-
112
- return SubtabHeader;
113
- }(_react["default"].Component);
29
+ function SubtabHeader(props) {
30
+ var onAdd = props.onAdd,
31
+ getLeftPlaceHolder = props.getLeftPlaceHolder,
32
+ title = props.title,
33
+ label = props.label,
34
+ getRightPlaceHolder = props.getRightPlaceHolder,
35
+ type = props.type,
36
+ leftClassName = props.leftClassName,
37
+ rightClassName = props.rightClassName,
38
+ className = props.className,
39
+ needBorder = props.needBorder,
40
+ needShadow = props.needShadow,
41
+ needPlusIconLine = props.needPlusIconLine,
42
+ children = props.children,
43
+ dataId = props.dataId,
44
+ isPeekView = props.isPeekView;
45
+ return /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, {
46
+ customClass: "".concat(_SubtabLayoutModule["default"].tabHead, " ").concat(needShadow ? _SubtabLayoutModule["default"].shadowStyle : '', " ").concat(needBorder ? "".concat(_SubtabLayoutModule["default"][type], "_borderStyle") : '')
47
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
48
+ alignBox: "row",
49
+ className: " ".concat(className, " ").concat(isPeekView ? "".concat(_SubtabLayoutModule["default"][type], "_peek") : _SubtabLayoutModule["default"][type]),
50
+ align: "vertical"
51
+ }, onAdd || children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
52
+ className: "".concat(_SubtabLayoutModule["default"].left, " ").concat(needPlusIconLine ? _SubtabLayoutModule["default"].plusIconLine : '')
53
+ }, onAdd ? /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], {
54
+ dataId: dataId,
55
+ onClick: onAdd
56
+ }) : children) : null, title ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
57
+ className: "".concat(_SubtabLayoutModule["default"].title, " ").concat(onAdd ? _SubtabLayoutModule["default"].cursor : ''),
58
+ onClick: onAdd ? onAdd : null
59
+ }, title) : null, getLeftPlaceHolder && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
60
+ flexible: true,
61
+ shrink: true,
62
+ adjust: getRightPlaceHolder ? true : false,
63
+ className: leftClassName
64
+ }, label ? /*#__PURE__*/_react["default"].createElement("div", {
65
+ className: _SubtabLayoutModule["default"].label
66
+ }, label) : null, getLeftPlaceHolder), getRightPlaceHolder && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
67
+ flexible: true,
68
+ shrink: true,
69
+ adjust: getLeftPlaceHolder ? true : false,
70
+ className: rightClassName
71
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
72
+ alignBox: "row",
73
+ align: "vertical",
74
+ className: _SubtabLayoutModule["default"].aside
75
+ }, getRightPlaceHolder))));
76
+ }
114
77
 
115
- exports.SubtabHeader = SubtabHeader;
116
78
  SubtabHeader.propTypes = _propTypes.SubtabHeader_propTypes;
117
79
  SubtabHeader.defaultProps = _defaultProps.SubtabHeader_defaultProps;
118
80
 
119
- var SubtabFooter = /*#__PURE__*/function (_React$Component2) {
120
- _inherits(SubtabFooter, _React$Component2);
121
-
122
- var _super2 = _createSuper(SubtabFooter);
123
-
124
- function SubtabFooter() {
125
- _classCallCheck(this, SubtabFooter);
126
-
127
- return _super2.apply(this, arguments);
128
- }
129
-
130
- _createClass(SubtabFooter, [{
131
- key: "render",
132
- value: function render() {
133
- var _this$props2 = this.props,
134
- isPeekView = _this$props2.isPeekView,
135
- getRightFooterPlaceHolder = _this$props2.getRightFooterPlaceHolder,
136
- dataId = _this$props2.dataId,
137
- children = _this$props2.children,
138
- className = _this$props2.className,
139
- leftClassName = _this$props2.leftClassName,
140
- rightClassName = _this$props2.rightClassName,
141
- size = _this$props2.size,
142
- needPadding = _this$props2.needPadding,
143
- type = _this$props2.type;
144
- return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
145
- alignBox: "row",
146
- align: "vertical",
147
- className: " ".concat(_SubtabLayoutModule["default"].footer, " ").concat(needPadding ? isPeekView ? "".concat(_SubtabLayoutModule["default"][type], "_peekFooter") : "".concat(_SubtabLayoutModule["default"][type], "_detailFooter") : '', " ").concat(_SubtabLayoutModule["default"][size], " ").concat(className),
148
- dataId: dataId
149
- }, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
150
- flexible: true,
151
- shrink: true,
152
- className: leftClassName
153
- }, children) : null, getRightFooterPlaceHolder ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
154
- flexible: true,
155
- shrink: true,
156
- className: rightClassName
157
- }, getRightFooterPlaceHolder) : null);
158
- }
159
- }]);
160
-
161
- return SubtabFooter;
162
- }(_react["default"].Component);
81
+ function SubtabFooter(props) {
82
+ var isPeekView = props.isPeekView,
83
+ getRightFooterPlaceHolder = props.getRightFooterPlaceHolder,
84
+ dataId = props.dataId,
85
+ children = props.children,
86
+ className = props.className,
87
+ leftClassName = props.leftClassName,
88
+ rightClassName = props.rightClassName,
89
+ size = props.size,
90
+ needPadding = props.needPadding,
91
+ type = props.type;
92
+ return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
93
+ alignBox: "row",
94
+ align: "vertical",
95
+ className: " ".concat(_SubtabLayoutModule["default"].footer, " ").concat(needPadding ? isPeekView ? "".concat(_SubtabLayoutModule["default"][type], "_peekFooter") : "".concat(_SubtabLayoutModule["default"][type], "_detailFooter") : '', " ").concat(_SubtabLayoutModule["default"][size], " ").concat(className),
96
+ dataId: dataId
97
+ }, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
98
+ flexible: true,
99
+ shrink: true,
100
+ className: leftClassName
101
+ }, children) : null, getRightFooterPlaceHolder ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
102
+ flexible: true,
103
+ shrink: true,
104
+ className: rightClassName
105
+ }, getRightFooterPlaceHolder) : null);
106
+ }
163
107
 
164
- exports.SubtabFooter = SubtabFooter;
165
108
  SubtabFooter.propTypes = _propTypes.SubtabFooter_propTypes;
166
109
  SubtabFooter.defaultProps = _defaultProps.SubtabFooter_defaultProps;
167
110
 
168
- var SubtabContent = /*#__PURE__*/function (_React$Component3) {
169
- _inherits(SubtabContent, _React$Component3);
170
-
171
- var _super3 = _createSuper(SubtabContent);
172
-
173
- function SubtabContent() {
174
- _classCallCheck(this, SubtabContent);
175
-
176
- return _super3.apply(this, arguments);
177
- }
178
-
179
- _createClass(SubtabContent, [{
180
- key: "render",
181
- value: function render() {
182
- var _this$props3 = this.props,
183
- children = _this$props3.children,
184
- scroll = _this$props3.scroll,
185
- className = _this$props3.className,
186
- eleRef = _this$props3.eleRef,
187
- dataId = _this$props3.dataId,
188
- onScroll = _this$props3.onScroll;
189
- return /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
190
- scroll: scroll,
191
- isScrollAttribute: true,
192
- onScroll: onScroll,
193
- customClass: className ? className : '',
194
- eleRef: eleRef,
195
- dataId: dataId
196
- }, children);
197
- }
198
- }]);
199
-
200
- return SubtabContent;
201
- }(_react["default"].Component);
111
+ function SubtabContent(props) {
112
+ var children = props.children,
113
+ scroll = props.scroll,
114
+ className = props.className,
115
+ eleRef = props.eleRef,
116
+ dataId = props.dataId,
117
+ onScroll = props.onScroll;
118
+ return /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
119
+ scroll: scroll,
120
+ isScrollAttribute: true,
121
+ onScroll: onScroll,
122
+ customClass: className ? className : '',
123
+ eleRef: eleRef,
124
+ dataId: dataId
125
+ }, children);
126
+ }
202
127
 
203
- exports.SubtabContent = SubtabContent;
204
128
  SubtabContent.propTypes = _propTypes.SubtabContent_propTypes;
205
129
  SubtabContent.defaultProps = _defaultProps.SubtabContent_defaultProps;
206
130
 
207
- var SubtabLayout = /*#__PURE__*/function (_React$Component4) {
208
- _inherits(SubtabLayout, _React$Component4);
209
-
210
- var _super4 = _createSuper(SubtabLayout);
211
-
212
- function SubtabLayout() {
213
- _classCallCheck(this, SubtabLayout);
214
-
215
- return _super4.apply(this, arguments);
216
- }
217
-
218
- _createClass(SubtabLayout, [{
219
- key: "render",
220
- value: function render() {
221
- var _this$props4 = this.props,
222
- children = _this$props4.children,
223
- dataId = _this$props4.dataId;
224
- return /*#__PURE__*/_react["default"].createElement(_Card.Card, _extends({
225
- isScrollAttribute: true,
226
- dataId: dataId
227
- }, this.props, {
228
- childTypes: {
229
- cardHeader: SubtabHeader,
230
- cardContent: SubtabContent
231
- }
232
- }), children);
131
+ function SubtabLayout(props) {
132
+ var children = props.children,
133
+ dataId = props.dataId;
134
+ return /*#__PURE__*/_react["default"].createElement(_Card.Card, _extends({
135
+ isScrollAttribute: true,
136
+ dataId: dataId
137
+ }, props, {
138
+ childTypes: {
139
+ cardHeader: SubtabHeader,
140
+ cardContent: SubtabContent
233
141
  }
234
- }]);
142
+ }), children);
143
+ }
235
144
 
236
- return SubtabLayout;
237
- }(_react["default"].Component);
238
-
239
- exports["default"] = SubtabLayout;
240
145
  SubtabLayout.defaultProps = _defaultProps.SubtabLayout_defaultProps;
241
- SubtabLayout.propTypes = _propTypes.SubtabLayout_propTypes; // if (__DOCS__) {
242
- // SubtabLayout.docs = {
243
- // componentGroup: 'Template'
244
- // };
245
- // }
146
+ SubtabLayout.propTypes = _propTypes.SubtabLayout_propTypes;
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
 
3
- 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); }
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
- exports["default"] = void 0;
6
+ exports["default"] = AccountName;
9
7
 
10
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = _interopRequireDefault(require("react"));
11
9
 
12
10
  var _defaultProps = require("../../../list/SecondaryText/props/defaultProps");
13
11
 
@@ -21,116 +19,68 @@ var _SecondaryTextModule = _interopRequireDefault(require("../../../list/Seconda
21
19
 
22
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
21
 
24
- 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); }
25
-
26
- 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; }
27
-
28
22
  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); }
29
23
 
30
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
31
-
32
- 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); } }
33
-
34
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
35
-
36
- 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); }
37
-
38
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
39
-
40
- 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); }; }
41
-
42
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
24
+ function AccountName(props) {
25
+ var dataTitle = props.dataTitle,
26
+ dataId = props.dataId,
27
+ urlName = props.urlName,
28
+ urlData = props.urlData,
29
+ onClick = props.onClick,
30
+ isLink = props.isLink,
31
+ className = props.className,
32
+ text = props.text,
33
+ href = props.href,
34
+ _props$notAccessible = props.notAccessible,
35
+ notAccessible = _props$notAccessible === void 0 ? false : _props$notAccessible,
36
+ fontWeight = props.fontWeight,
37
+ secondaryAccountHref = props.secondaryAccountHref,
38
+ secondaryAccountClick = props.secondaryAccountClick,
39
+ secondaryAccountText = props.secondaryAccountText,
40
+ customProps = props.customProps;
41
+ var _customProps$LinkProp = customProps.LinkProps,
42
+ LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
43
+ _customProps$TextProp = customProps.TextProps,
44
+ TextProps = _customProps$TextProp === void 0 ? {} : _customProps$TextProp,
45
+ _customProps$Secondar = customProps.SecondaryTextProps,
46
+ SecondaryTextProps = _customProps$Secondar === void 0 ? {} : _customProps$Secondar;
47
+ return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
48
+ alignBox: "row",
49
+ align: "baseline",
50
+ isCover: false,
51
+ "data-title": dataTitle,
52
+ dataId: dataId
53
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
54
+ flexible: true
55
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
56
+ alignBox: "row",
57
+ align: "baseline",
58
+ isCover: false,
59
+ className: _SecondaryTextModule["default"].primaryAccountNameCnt
60
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
61
+ className: _SecondaryTextModule["default"].primaryAccountName,
62
+ shrink: true
63
+ }, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
64
+ href: href,
65
+ urlName: urlName,
66
+ urlData: urlData,
67
+ onClick: onClick,
68
+ dataId: "".concat(dataId, "_link"),
69
+ className: _SecondaryTextModule["default"].link
70
+ }, LinkProps, {
71
+ ariaLabel: "Account Name ".concat(text)
72
+ }), /*#__PURE__*/_react["default"].createElement("div", {
73
+ className: "".concat(_SecondaryTextModule["default"].textStyle, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '')
74
+ }, text)) : /*#__PURE__*/_react["default"].createElement("div", _extends({
75
+ className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '', " ").concat(notAccessible ? _SecondaryTextModule["default"].disable : '')
76
+ }, TextProps), text)), secondaryAccountText && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
77
+ href: secondaryAccountHref,
78
+ onClick: secondaryAccountClick,
79
+ className: _SecondaryTextModule["default"].link
80
+ }, /*#__PURE__*/_react["default"].createElement("div", _extends({
81
+ className: "".concat(_SecondaryTextModule["default"].textStyle, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '')
82
+ }, SecondaryTextProps), secondaryAccountText))))));
83
+ }
43
84
 
44
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
45
-
46
- 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; } }
47
-
48
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
49
-
50
- var AccountName = /*#__PURE__*/function (_Component) {
51
- _inherits(AccountName, _Component);
52
-
53
- var _super = _createSuper(AccountName);
54
-
55
- function AccountName() {
56
- _classCallCheck(this, AccountName);
57
-
58
- return _super.apply(this, arguments);
59
- }
60
-
61
- _createClass(AccountName, [{
62
- key: "render",
63
- value: function render() {
64
- var _this$props = this.props,
65
- dataTitle = _this$props.dataTitle,
66
- dataId = _this$props.dataId,
67
- urlName = _this$props.urlName,
68
- urlData = _this$props.urlData,
69
- onClick = _this$props.onClick,
70
- isLink = _this$props.isLink,
71
- className = _this$props.className,
72
- text = _this$props.text,
73
- href = _this$props.href,
74
- _this$props$notAccess = _this$props.notAccessible,
75
- notAccessible = _this$props$notAccess === void 0 ? false : _this$props$notAccess,
76
- fontWeight = _this$props.fontWeight,
77
- secondaryAccountHref = _this$props.secondaryAccountHref,
78
- secondaryAccountClick = _this$props.secondaryAccountClick,
79
- secondaryAccountText = _this$props.secondaryAccountText,
80
- customProps = _this$props.customProps;
81
- var _customProps$LinkProp = customProps.LinkProps,
82
- LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
83
- _customProps$TextProp = customProps.TextProps,
84
- TextProps = _customProps$TextProp === void 0 ? {} : _customProps$TextProp,
85
- _customProps$Secondar = customProps.SecondaryTextProps,
86
- SecondaryTextProps = _customProps$Secondar === void 0 ? {} : _customProps$Secondar;
87
- return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
88
- alignBox: "row",
89
- align: "baseline",
90
- isCover: false,
91
- "data-title": dataTitle,
92
- dataId: dataId
93
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
94
- flexible: true
95
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
96
- alignBox: "row",
97
- align: "baseline",
98
- isCover: false,
99
- className: _SecondaryTextModule["default"].primaryAccountNameCnt
100
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
101
- className: _SecondaryTextModule["default"].primaryAccountName,
102
- shrink: true
103
- }, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
104
- href: href,
105
- urlName: urlName,
106
- urlData: urlData,
107
- onClick: onClick,
108
- dataId: "".concat(dataId, "_link"),
109
- className: _SecondaryTextModule["default"].link
110
- }, LinkProps, {
111
- ariaLabel: "Account Name ".concat(text)
112
- }), /*#__PURE__*/_react["default"].createElement("div", {
113
- className: "".concat(_SecondaryTextModule["default"].textStyle, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '')
114
- }, text)) : /*#__PURE__*/_react["default"].createElement("div", _extends({
115
- className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '', " ").concat(notAccessible ? _SecondaryTextModule["default"].disable : '')
116
- }, TextProps), text)), secondaryAccountText && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
117
- href: secondaryAccountHref,
118
- onClick: secondaryAccountClick,
119
- className: _SecondaryTextModule["default"].link
120
- }, /*#__PURE__*/_react["default"].createElement("div", _extends({
121
- className: "".concat(_SecondaryTextModule["default"].textStyle, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '')
122
- }, SecondaryTextProps), secondaryAccountText))))));
123
- }
124
- }]);
125
-
126
- return AccountName;
127
- }(_react.Component);
128
-
129
- exports["default"] = AccountName;
130
85
  AccountName.propTypes = _propTypes.AccountName_propTypes;
131
- AccountName.defaultProps = _defaultProps.AccountName_defaultProps; // if (__DOCS__) {
132
- // AccountName.docs = {
133
- // folderName: 'List',
134
- // componentGroup: 'AccountName'
135
- // };
136
- // }
86
+ AccountName.defaultProps = _defaultProps.AccountName_defaultProps;