@zohodesk/dot 1.4.0 → 1.4.1

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 (122) hide show
  1. package/.cli/AppearanceThemeValidationExcludeFiles.js +1 -0
  2. package/.cli/PropLessFiles.html +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +6 -0
  5. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +3 -0
  6. package/assets/Appearance/light/mode/Dot_LightMode.module.css +3 -0
  7. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +3 -0
  8. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  9. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  10. package/coverage/ExternalLink/index.html +1 -1
  11. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  12. package/coverage/ExternalLink/props/index.html +1 -1
  13. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  14. package/coverage/IconButton/IconButton.js.html +1 -1
  15. package/coverage/IconButton/IconButton.module.css.html +5 -2
  16. package/coverage/IconButton/index.html +1 -1
  17. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  18. package/coverage/IconButton/props/index.html +1 -1
  19. package/coverage/IconButton/props/propTypes.js.html +1 -1
  20. package/coverage/Image/Image.js.html +1 -1
  21. package/coverage/Image/Image.module.css.html +1 -1
  22. package/coverage/Image/index.html +1 -1
  23. package/coverage/Image/props/defaultProps.js.html +1 -1
  24. package/coverage/Image/props/index.html +1 -1
  25. package/coverage/Image/props/propTypes.js.html +1 -1
  26. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  27. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  28. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  29. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  30. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  31. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  32. package/coverage/coverage-final.json +16 -16
  33. package/coverage/coverage-summary.json +16 -16
  34. package/coverage/index.html +1 -1
  35. package/es/ActionButton/ActionButton.module.css +7 -0
  36. package/es/AlphabeticList/AlphabeticList.module.css +2 -0
  37. package/es/AttachmentViewer/AttachmentViewer.module.css +2 -0
  38. package/es/ChannelIcon/ChannelIcon.module.css +4 -0
  39. package/es/FormAction/FormAction.module.css +2 -0
  40. package/es/IconButton/IconButton.module.css +1 -0
  41. package/es/Provider/Config.js +2 -1
  42. package/es/TagWithIcon/TagWithIcon.module.css +19 -5
  43. package/es/avatar/AvatarIcon/AvatarIcon.module.css +6 -0
  44. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +4 -0
  45. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +1 -0
  46. package/es/layout/SubtabLayout/SubtabLayout.module.css +2 -0
  47. package/es/list/Comment/Comment.module.css +1 -0
  48. package/es/list/Dot/Dot.module.css +1 -0
  49. package/es/list/ListLayout/ListLayout.module.css +12 -0
  50. package/es/list/Subject/Subject.module.css +1 -0
  51. package/es/list/Thread/Thread.module.css +1 -0
  52. package/es/setup/header/Search/Search.module.css +1 -0
  53. package/es/setup/table/TableRow/SetupTableRow.module.css +3 -2
  54. package/es/v1/notification/DesktopNotification/DesktopNotification.js +79 -55
  55. package/es/v1/notification/DesktopNotification/props/defaultProps.js +3 -1
  56. package/es/v1/notification/DesktopNotification/props/propTypes.js +2 -1
  57. package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +59 -23
  58. package/es/v1/notification/DesktopNotificationHeader/props/defaultProps.js +3 -1
  59. package/es/v1/notification/DesktopNotificationHeader/props/propTypes.js +2 -1
  60. package/es/v1/setup/header/Button/Button.js +17 -29
  61. package/es/v1/setup/header/Link/Link.js +23 -35
  62. package/es/v1/setup/header/Search/Search.js +43 -69
  63. package/es/v1/setup/header/Views/Views.js +27 -39
  64. package/es/v1/setup/helptips/Description/Description.js +8 -20
  65. package/es/v1/setup/helptips/Link/Link.js +20 -32
  66. package/es/v1/setup/helptips/ListGroup/ListGroup.js +18 -30
  67. package/es/v1/setup/helptips/Title/Title.js +8 -20
  68. package/es/version2/GlobalNotification/GlobalNotification.module.css +3 -0
  69. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +1 -0
  70. package/es/version2/notification/DesktopNotification/DesktopNotification.js +78 -55
  71. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +10 -4
  72. package/es/version2/notification/DesktopNotification/props/defaultProps.js +3 -1
  73. package/es/version2/notification/DesktopNotification/props/propTypes.js +2 -1
  74. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +59 -23
  75. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +14 -17
  76. package/es/version2/notification/DesktopNotificationHeader/props/defaultProps.js +3 -1
  77. package/es/version2/notification/DesktopNotificationHeader/props/propTypes.js +2 -1
  78. package/lib/ActionButton/ActionButton.module.css +7 -0
  79. package/lib/AlphabeticList/AlphabeticList.module.css +2 -0
  80. package/lib/AttachmentViewer/AttachmentViewer.module.css +2 -0
  81. package/lib/ChannelIcon/ChannelIcon.module.css +4 -0
  82. package/lib/FormAction/FormAction.module.css +2 -0
  83. package/lib/IconButton/IconButton.module.css +1 -0
  84. package/lib/Provider/Config.js +2 -1
  85. package/lib/TagWithIcon/TagWithIcon.module.css +19 -5
  86. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +6 -0
  87. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +4 -0
  88. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +1 -0
  89. package/lib/layout/SubtabLayout/SubtabLayout.module.css +2 -0
  90. package/lib/list/Comment/Comment.module.css +1 -0
  91. package/lib/list/Dot/Dot.module.css +1 -0
  92. package/lib/list/ListLayout/ListLayout.module.css +12 -0
  93. package/lib/list/Subject/Subject.module.css +1 -0
  94. package/lib/list/Thread/Thread.module.css +1 -0
  95. package/lib/setup/header/Search/Search.module.css +1 -0
  96. package/lib/setup/table/TableRow/SetupTableRow.module.css +3 -2
  97. package/lib/v1/notification/DesktopNotification/DesktopNotification.js +74 -55
  98. package/lib/v1/notification/DesktopNotification/props/defaultProps.js +5 -1
  99. package/lib/v1/notification/DesktopNotification/props/propTypes.js +2 -1
  100. package/lib/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +57 -23
  101. package/lib/v1/notification/DesktopNotificationHeader/props/defaultProps.js +5 -1
  102. package/lib/v1/notification/DesktopNotificationHeader/props/propTypes.js +2 -1
  103. package/lib/v1/setup/header/Button/Button.js +17 -63
  104. package/lib/v1/setup/header/Link/Link.js +23 -69
  105. package/lib/v1/setup/header/Search/Search.js +57 -89
  106. package/lib/v1/setup/header/Views/Views.js +27 -73
  107. package/lib/v1/setup/helptips/Description/Description.js +8 -53
  108. package/lib/v1/setup/helptips/Link/Link.js +23 -69
  109. package/lib/v1/setup/helptips/ListGroup/ListGroup.js +26 -72
  110. package/lib/v1/setup/helptips/Title/Title.js +8 -53
  111. package/lib/version2/GlobalNotification/GlobalNotification.module.css +3 -0
  112. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +1 -0
  113. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +74 -55
  114. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +10 -4
  115. package/lib/version2/notification/DesktopNotification/props/defaultProps.js +5 -1
  116. package/lib/version2/notification/DesktopNotification/props/propTypes.js +2 -1
  117. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +57 -23
  118. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +14 -17
  119. package/lib/version2/notification/DesktopNotificationHeader/props/defaultProps.js +5 -1
  120. package/lib/version2/notification/DesktopNotificationHeader/props/propTypes.js +2 -1
  121. package/package.json +11 -9
  122. package/result.json +1 -1
@@ -1,11 +1,9 @@
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"] = Link;
9
7
 
10
8
  var _react = _interopRequireDefault(require("react"));
11
9
 
@@ -23,71 +21,27 @@ var _HeaderLinkModule = _interopRequireDefault(require("../../../../setup/header
23
21
 
24
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
23
 
26
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27
-
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); } }
29
-
30
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
31
-
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); }
33
-
34
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35
-
36
- 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); }; }
37
-
38
- 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); }
39
-
40
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
24
+ function Link(props) {
25
+ var url = props.url,
26
+ text = props.text,
27
+ iconName = props.iconName,
28
+ iconClass = props.iconClass,
29
+ iconSize = props.iconSize;
30
+ return /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
31
+ className: _HeaderLinkModule["default"].container,
32
+ href: url
33
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
34
+ className: _HeaderLinkModule["default"].icon
35
+ }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
36
+ isBold: true,
37
+ name: iconName,
38
+ size: iconSize,
39
+ iconClass: iconClass ? iconClass : ''
40
+ })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
41
+ className: _HeaderLinkModule["default"].text,
42
+ flexible: true
43
+ }, text));
44
+ }
41
45
 
42
- 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; } }
43
-
44
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
45
-
46
- var Link = /*#__PURE__*/function (_React$Component) {
47
- _inherits(Link, _React$Component);
48
-
49
- var _super = _createSuper(Link);
50
-
51
- function Link(props) {
52
- _classCallCheck(this, Link);
53
-
54
- return _super.call(this, props);
55
- }
56
-
57
- _createClass(Link, [{
58
- key: "render",
59
- value: function render() {
60
- var _this$props = this.props,
61
- url = _this$props.url,
62
- text = _this$props.text,
63
- iconName = _this$props.iconName,
64
- iconClass = _this$props.iconClass,
65
- iconSize = _this$props.iconSize;
66
- return /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
67
- className: _HeaderLinkModule["default"].container,
68
- href: url
69
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
70
- className: _HeaderLinkModule["default"].icon
71
- }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
72
- isBold: true,
73
- name: iconName,
74
- size: iconSize,
75
- iconClass: iconClass ? iconClass : ''
76
- })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
77
- className: _HeaderLinkModule["default"].text,
78
- flexible: true
79
- }, text));
80
- }
81
- }]);
82
-
83
- return Link;
84
- }(_react["default"].Component);
85
-
86
- exports["default"] = Link;
87
46
  Link.defaultProps = _defaultProps.defaultProps;
88
- Link.propTypes = _propTypes.propTypes; // if (__DOCS__) {
89
- // Link.docs = {
90
- // componentGroup: 'Header',
91
- // folderName: 'Setup'
92
- // };
93
- // }
47
+ Link.propTypes = _propTypes.propTypes;
@@ -5,9 +5,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports["default"] = void 0;
8
+ exports["default"] = Search;
9
9
 
10
- var _react = _interopRequireDefault(require("react"));
10
+ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  var _defaultProps = require("../../../../setup/header/Search/props/defaultProps");
13
13
 
@@ -21,106 +21,74 @@ var _SearchModule = _interopRequireDefault(require("../../../../setup/header/Sea
21
21
 
22
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
23
 
24
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
-
26
- 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); } }
27
-
28
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
29
-
30
- 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
+ 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); }
31
25
 
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
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; }
33
27
 
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); }; }
28
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
35
29
 
36
- 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); }
30
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
37
31
 
38
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
32
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
39
33
 
40
- 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; } }
34
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
41
35
 
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
36
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
43
37
 
44
- var Search = /*#__PURE__*/function (_React$Component) {
45
- _inherits(Search, _React$Component);
38
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
46
39
 
47
- var _super = _createSuper(Search);
40
+ function Search(props) {
41
+ var placeHolder = props.placeHolder,
42
+ maxLength = props.maxLength,
43
+ value = props.value,
44
+ onChange = props.onChange,
45
+ onKeyPress = props.onKeyPress,
46
+ onFocus = props.onFocus,
47
+ onBlur = props.onBlur,
48
+ customClass = props.customClass;
48
49
 
49
- function Search(props) {
50
- var _this;
50
+ var _useState = (0, _react.useState)(false),
51
+ _useState2 = _slicedToArray(_useState, 2),
52
+ isFocus = _useState2[0],
53
+ setIsFocus = _useState2[1];
51
54
 
52
- _classCallCheck(this, Search);
55
+ var _useState3 = (0, _react.useState)(value || ''),
56
+ _useState4 = _slicedToArray(_useState3, 1),
57
+ resetValue = _useState4[0];
53
58
 
54
- _this = _super.call(this, props);
55
- var value = _this.props.value;
56
- _this.state = {
57
- value: value || '',
58
- isFocus: false
59
- };
60
- _this.onFocus = _this.onFocus.bind(_assertThisInitialized(_this));
61
- _this.onBlur = _this.onBlur.bind(_assertThisInitialized(_this));
62
- return _this;
63
- }
59
+ var handleFocus = function handleFocus(id, name, value) {
60
+ setIsFocus(true);
61
+ onFocus && onFocus(id, name, value);
62
+ };
64
63
 
65
- _createClass(Search, [{
66
- key: "onFocus",
67
- value: function onFocus(id, name, value) {
68
- var onFocus = this.props.onFocus;
69
- this.setState({
70
- isFocus: true
71
- });
72
- onFocus && onFocus(id, name, value);
64
+ var handleBlur = function handleBlur(id, name, value) {
65
+ if (resetValue == '') {
66
+ setIsFocus(false);
73
67
  }
74
- }, {
75
- key: "onBlur",
76
- value: function onBlur(id, name, value) {
77
- var onBlur = this.props.onBlur;
78
- this.state.value == '' && this.setState({
79
- isFocus: false
80
- });
81
- onBlur && onBlur(id, name, value);
82
- }
83
- }, {
84
- key: "render",
85
- value: function render() {
86
- var _this$props = this.props,
87
- placeHolder = _this$props.placeHolder,
88
- maxLength = _this$props.maxLength,
89
- value = _this$props.value,
90
- onChange = _this$props.onChange,
91
- onKeyPress = _this$props.onKeyPress,
92
- customClass = _this$props.customClass;
93
- var isFocus = this.state.isFocus;
94
- return /*#__PURE__*/_react["default"].createElement("div", {
95
- className: "".concat(_SearchModule["default"].container, " ").concat(isFocus ? _SearchModule["default"].active : '', " ").concat(customClass)
96
- }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
97
- placeHolder: placeHolder,
98
- customClass: _SearchModule["default"].input,
99
- maxLength: maxLength,
100
- value: value,
101
- onChange: onChange,
102
- onKeyUp: onKeyPress,
103
- onFocus: this.onFocus,
104
- needAppearance: false,
105
- onBlur: this.onBlur
106
- }), value != '' && value ? /*#__PURE__*/_react["default"].createElement("span", {
107
- className: _SearchModule["default"].icon,
108
- onClick: this.onBlur
109
- }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
110
- name: "ZD-close",
111
- size: "19"
112
- })) : null);
113
- }
114
- }]);
115
68
 
116
- return Search;
117
- }(_react["default"].Component);
69
+ onBlur && onBlur(id, name, value);
70
+ };
71
+
72
+ return /*#__PURE__*/_react["default"].createElement("div", {
73
+ className: "".concat(_SearchModule["default"].container, " ").concat(isFocus ? _SearchModule["default"].active : '', " ").concat(customClass)
74
+ }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
75
+ placeHolder: placeHolder,
76
+ customClass: _SearchModule["default"].input,
77
+ maxLength: maxLength,
78
+ value: value,
79
+ onChange: onChange,
80
+ onKeyUp: onKeyPress,
81
+ onFocus: handleFocus,
82
+ needAppearance: false,
83
+ onBlur: handleBlur
84
+ }), value != '' && value ? /*#__PURE__*/_react["default"].createElement("span", {
85
+ className: _SearchModule["default"].icon,
86
+ onClick: handleBlur
87
+ }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
88
+ name: "ZD-close",
89
+ size: "19"
90
+ })) : null);
91
+ }
118
92
 
119
- exports["default"] = Search;
120
93
  Search.propTypes = _propTypes.propTypes;
121
- Search.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
122
- // Search.docs = {
123
- // componentGroup: 'Header',
124
- // folderName: 'Setup'
125
- // };
126
- // }
94
+ Search.defaultProps = _defaultProps.defaultProps;
@@ -1,11 +1,9 @@
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"] = Views;
9
7
 
10
8
  var _react = _interopRequireDefault(require("react"));
11
9
 
@@ -19,75 +17,31 @@ var _icons = require("@zohodesk/icons");
19
17
 
20
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
19
 
22
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
23
-
24
- 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); } }
25
-
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
-
28
- 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); }
29
-
30
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
-
32
- 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); }; }
33
-
34
- 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); }
35
-
36
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
20
+ function Views(props) {
21
+ var isGrid = props.isGrid,
22
+ isList = props.isList,
23
+ gridTitle = props.gridTitle,
24
+ listTitle = props.listTitle,
25
+ onListClick = props.onListClick,
26
+ onGridClick = props.onGridClick;
27
+ return /*#__PURE__*/_react["default"].createElement("span", {
28
+ className: _ViewsModule["default"].container
29
+ }, /*#__PURE__*/_react["default"].createElement("span", {
30
+ className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].first, " ").concat(isList ? _ViewsModule["default"].active : ''),
31
+ "data-title": !isList ? listTitle : null,
32
+ onClick: onListClick
33
+ }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
34
+ name: "ZD-list22",
35
+ size: "10"
36
+ })), /*#__PURE__*/_react["default"].createElement("span", {
37
+ className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].last, " ").concat(isGrid ? _ViewsModule["default"].active : ''),
38
+ "data-title": !isGrid ? gridTitle : null,
39
+ onClick: onGridClick
40
+ }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
41
+ name: "ZD-grid",
42
+ size: "11"
43
+ })));
44
+ }
37
45
 
38
- 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; } }
39
-
40
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
-
42
- var Views = /*#__PURE__*/function (_React$Component) {
43
- _inherits(Views, _React$Component);
44
-
45
- var _super = _createSuper(Views);
46
-
47
- function Views(props) {
48
- _classCallCheck(this, Views);
49
-
50
- return _super.call(this, props);
51
- }
52
-
53
- _createClass(Views, [{
54
- key: "render",
55
- value: function render() {
56
- var _this$props = this.props,
57
- isGrid = _this$props.isGrid,
58
- isList = _this$props.isList,
59
- gridTitle = _this$props.gridTitle,
60
- listTitle = _this$props.listTitle,
61
- onListClick = _this$props.onListClick,
62
- onGridClick = _this$props.onGridClick;
63
- return /*#__PURE__*/_react["default"].createElement("span", {
64
- className: _ViewsModule["default"].container
65
- }, /*#__PURE__*/_react["default"].createElement("span", {
66
- className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].first, " ").concat(isList ? _ViewsModule["default"].active : ''),
67
- "data-title": !isList ? listTitle : null,
68
- onClick: onListClick
69
- }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
70
- name: "ZD-list22",
71
- size: "10"
72
- })), /*#__PURE__*/_react["default"].createElement("span", {
73
- className: "".concat(_ViewsModule["default"].icon, " ").concat(_ViewsModule["default"].last, " ").concat(isGrid ? _ViewsModule["default"].active : ''),
74
- "data-title": !isGrid ? gridTitle : null,
75
- onClick: onGridClick
76
- }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
77
- name: "ZD-grid",
78
- size: "11"
79
- })));
80
- }
81
- }]);
82
-
83
- return Views;
84
- }(_react["default"].Component);
85
-
86
- exports["default"] = Views;
87
46
  Views.propTypes = _propTypes.propTypes;
88
- Views.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
89
- // Views.docs = {
90
- // componentGroup: 'Header',
91
- // folderName: 'Setup'
92
- // };
93
- // }
47
+ Views.defaultProps = _defaultProps.defaultProps;
@@ -1,11 +1,9 @@
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"] = Description;
9
7
 
10
8
  var _react = _interopRequireDefault(require("react"));
11
9
 
@@ -15,54 +13,11 @@ var _HelpTipsDescriptionModule = _interopRequireDefault(require("../../../../set
15
13
 
16
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
15
 
18
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
19
-
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); } }
21
-
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
-
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); }
25
-
26
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
27
-
28
- 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); }; }
29
-
30
- 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); }
31
-
32
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
16
+ function Description(props) {
17
+ var text = props.text;
18
+ return /*#__PURE__*/_react["default"].createElement("p", {
19
+ className: _HelpTipsDescriptionModule["default"].text
20
+ }, text);
21
+ }
33
22
 
34
- 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; } }
35
-
36
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
37
-
38
- var Description = /*#__PURE__*/function (_React$Component) {
39
- _inherits(Description, _React$Component);
40
-
41
- var _super = _createSuper(Description);
42
-
43
- function Description(props) {
44
- _classCallCheck(this, Description);
45
-
46
- return _super.call(this, props);
47
- }
48
-
49
- _createClass(Description, [{
50
- key: "render",
51
- value: function render() {
52
- var text = this.props.text;
53
- return /*#__PURE__*/_react["default"].createElement("p", {
54
- className: _HelpTipsDescriptionModule["default"].text
55
- }, text);
56
- }
57
- }]);
58
-
59
- return Description;
60
- }(_react["default"].Component);
61
-
62
- exports["default"] = Description;
63
- Description.propTypes = _propTypes.propTypes; // if (__DOCS__) {
64
- // Description.docs = {
65
- // componentGroup: 'HelpTips',
66
- // folderName: 'Setup'
67
- // };
68
- // }
23
+ Description.propTypes = _propTypes.propTypes;
@@ -1,11 +1,9 @@
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"] = Link;
9
7
 
10
8
  var _react = _interopRequireDefault(require("react"));
11
9
 
@@ -17,72 +15,28 @@ var _ExternalLink = _interopRequireDefault(require("../../../ExternalLink/Extern
17
15
 
18
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
17
 
20
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
21
-
22
- 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); } }
23
-
24
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
25
-
26
- 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); }
27
-
28
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
-
30
- 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); }; }
31
-
32
- 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); }
33
-
34
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
35
-
36
- 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; } }
37
-
38
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
39
-
40
- var Link = /*#__PURE__*/function (_React$Component) {
41
- _inherits(Link, _React$Component);
42
-
43
- var _super = _createSuper(Link);
44
-
45
- function Link(props) {
46
- _classCallCheck(this, Link);
47
-
48
- return _super.call(this, props);
49
- }
50
-
51
- _createClass(Link, [{
52
- key: "render",
53
- value: function render() {
54
- var _this$props = this.props,
55
- text = _this$props.text,
56
- url = _this$props.url,
57
- onClick = _this$props.onClick,
58
- _this$props$isDangero = _this$props.isDangerous,
59
- isDangerous = _this$props$isDangero === void 0 ? false : _this$props$isDangero;
60
-
61
- if (isDangerous) {
62
- return /*#__PURE__*/_react["default"].createElement("div", {
63
- className: _HelpTipsLinkModule["default"].container,
64
- onClick: onClick,
65
- dangerouslySetInnerHTML: {
66
- __html: text
67
- }
68
- });
18
+ function Link(props) {
19
+ var text = props.text,
20
+ url = props.url,
21
+ onClick = props.onClick,
22
+ _props$isDangerous = props.isDangerous,
23
+ isDangerous = _props$isDangerous === void 0 ? false : _props$isDangerous;
24
+
25
+ if (isDangerous) {
26
+ return /*#__PURE__*/_react["default"].createElement("div", {
27
+ className: _HelpTipsLinkModule["default"].container,
28
+ onClick: onClick,
29
+ dangerouslySetInnerHTML: {
30
+ __html: text
69
31
  }
32
+ });
33
+ }
70
34
 
71
- return /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
72
- href: url,
73
- onClick: onClick,
74
- className: _HelpTipsLinkModule["default"].text
75
- }, text);
76
- }
77
- }]);
78
-
79
- return Link;
80
- }(_react["default"].Component);
35
+ return /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
36
+ href: url,
37
+ onClick: onClick,
38
+ className: _HelpTipsLinkModule["default"].text
39
+ }, text);
40
+ }
81
41
 
82
- exports["default"] = Link;
83
- Link.propTypes = _propTypes.propTypes; // if (__DOCS__) {
84
- // Link.docs = {
85
- // componentGroup: 'HelpTips',
86
- // folderName: 'Setup'
87
- // };
88
- // }
42
+ Link.propTypes = _propTypes.propTypes;