@zohodesk/dot 1.0.0-temp-66 → 1.0.0-temp-69

package/es/list/Thread/Thread.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign || 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); }
-
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import Icon from '@zohodesk/icons/lib/Icon';
@@ -16,15 +14,14 @@ export default class Thread extends Component {
       className,
       iconTitle,
       dataId,
-      align,
-      customProps
+      align
     } = this.props;
     let count = threadCount === '0' ? '1' : threadCount;
-    return /*#__PURE__*/React.createElement(Button, _extends({
+    return /*#__PURE__*/React.createElement(Button, {
       customClass: `${style.container} ${style[`align_${align}`]} ${className}`,
       title: iconTitle,
       dataId: dataId
-    }, customProps), /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-TK-thread",
       size: "9"
     }), /*#__PURE__*/React.createElement("span", {
@@ -38,13 +35,11 @@ Thread.propTypes = {
   className: PropTypes.string,
   count: PropTypes.string,
   dataId: PropTypes.string,
-  iconTitle: PropTypes.string,
-  customProps: PropTypes.object
+  iconTitle: PropTypes.string
 };
 Thread.defaultProps = {
   align: 'left',
-  className: '',
-  customProps: {}
+  className: ''
 };
 
 if (false) {

package/es/list/status/StatusDropdown/StatusDropdown.js

@@ -114,7 +114,7 @@ export class StatusDropdown extends React.Component {
 
     if (prevProps.isPopupOpen != isPopupOpen) {
       setTimeout(() => {
-        isPopupOpen ? isSearch ? this.searchInput && this.searchInput.focus() : this.hiddenInput && this.hiddenInput.focus() : this.hiddenInput && this.hiddenInput.focus();
+        isPopupOpen && isSearch ? this.searchInput && this.searchInput.focus() : this.hiddenInput && this.hiddenInput.focus();
       }, 10);
     }
 
@@ -145,55 +145,62 @@ export class StatusDropdown extends React.Component {
       togglePopup,
       onClick,
       boxPosition,
-      isPopupOpen,
+      isPopupReady,
       isNextOptions,
       getNextOptions,
-      onTogglePopup
+      onTogglePopup,
+      isPopupOpen
     } = this.props;
 
-    if (isPopupOpen && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
+    if (isPopupReady && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
       e.preventDefault(); //prevent body scroll
     }
 
-    switch (keyCode) {
-      case 40:
-        if (selectedIndex === totalIndex - 1) {
-          this.setState({
-            selectedIndex: 0
-          });
-        } else {
-          if (selectedIndex === totalIndex - 3) {
-            isNextOptions && getNextOptions && getNextOptions();
+    if (isPopupReady) {
+      switch (keyCode) {
+        case 40:
+          if (selectedIndex === totalIndex - 1) {
+            this.setState({
+              selectedIndex: 0
+            });
+          } else {
+            if (selectedIndex === totalIndex - 3) {
+              isNextOptions && getNextOptions && getNextOptions();
+            }
+
+            this.setState({
+              selectedIndex: selectedIndex + 1
+            });
           }
 
-          this.setState({
-            selectedIndex: selectedIndex + 1
-          });
-        }
-
-        break;
-
-      case 38:
-        if (selectedIndex === 0) {
-          this.setState({
-            selectedIndex: totalIndex - 1
-          });
-        } else {
-          this.setState({
-            selectedIndex: selectedIndex - 1
-          });
-        }
-
-        break;
-
-      case 13:
-        onClick && onClick(options[selectedIndex].name, e);
-        onTogglePopup && onTogglePopup(isPopupOpen);
-        togglePopup(e, boxPosition);
-        break;
+          break;
+
+        case 38:
+          if (selectedIndex === 0) {
+            this.setState({
+              selectedIndex: totalIndex - 1
+            });
+          } else {
+            this.setState({
+              selectedIndex: selectedIndex - 1
+            });
+          }
 
-      default:
-        break;
+          break;
+
+        case 13:
+          onClick && onClick(options[selectedIndex].name, e);
+          onTogglePopup && onTogglePopup(isPopupOpen);
+          togglePopup(e, boxPosition);
+          break;
+
+        default:
+          break;
+      }
+    } else {
+      if (keyCode === 13 || keyCode === 40) {
+        togglePopup(e, boxPosition);
+      }
     }
   }
 

package/es/setup/header/Views/Views.js

@@ -20,14 +20,14 @@ export default class Views extends React.Component {
       className: style.container
     }, /*#__PURE__*/React.createElement("span", {
       className: `${style.icon} ${style.first} ${isList ? style.active : ''}`,
-      "data-title": !isList ? listTitle : '',
+      "data-title": !isList ? listTitle : null,
       onClick: onListClick
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-list22",
       size: "10"
     })), /*#__PURE__*/React.createElement("span", {
       className: `${style.icon} ${style.last}  ${isGrid ? style.active : ''}`,
-      "data-title": !isGrid ? gridTitle : '',
+      "data-title": !isGrid ? gridTitle : null,
       onClick: onGridClick
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-grid",

package/lib/ActionButton/ActionButton.js

@@ -23,8 +23,6 @@ var _DropBox = _interopRequireDefault(require("@zohodesk/components/lib/DropBox/
 
 var _CssProvider = _interopRequireDefault(require("@zohodesk/components/lib/Provider/CssProvider"));
 
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
-
 var _ActionButtonModule = _interopRequireDefault(require("./ActionButton.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -123,9 +121,8 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
         flexible: true,
         onClick: onClick,
         dataId: dataId,
-        className: " ".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"].contentBox, " ").concat(_ActionButtonModule["default"][palette + 'Btn'], " ").concat(_ActionButtonModule["default"][size + '_btnBox'], " ").concat(children ? _ActionButtonModule["default"].contentBoxBdr : _ActionButtonModule["default"].contentBoxBdrRds, " ").concat(_ActionButtonModule["default"].clickable, " "),
-        "data-title": dataTitle,
-        tagName: "button"
+        className: "".concat(_ActionButtonModule["default"].contentBox, " ").concat(_ActionButtonModule["default"][palette + 'Btn'], " ").concat(_ActionButtonModule["default"][size + '_btnBox'], " ").concat(children ? _ActionButtonModule["default"].contentBoxBdr : _ActionButtonModule["default"].contentBoxBdrRds, " ").concat(_ActionButtonModule["default"].clickable, " "),
+        "data-title": dataTitle
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both"
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -149,9 +146,8 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
         onClick: onClick ? !onHover && this.handleTogglePopup : undefined,
         onMouseEnter: onClick ? onHover && this.handleTogglePopup : undefined,
         onMouseLeave: onClick ? onHover && this.handleTogglePopup : undefined,
-        className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], "  ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),
-        dataId: arrowBoxDataId,
-        tagName: "button"
+        className: "".concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], "  ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),
+        dataId: arrowBoxDataId
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both"
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {

package/lib/IconButton/IconButton.js

@@ -143,8 +143,7 @@ var IconButton = /*#__PURE__*/function (_React$Component) {
           ariaExpanded = a11y.ariaExpanded,
           ariaLabel = a11y.ariaLabel,
           ariaControls = a11y.ariaControls,
-          ariaLabelledby = a11y.ariaLabelledby,
-          role = a11y.role;
+          ariaLabelledby = a11y.ariaLabelledby;
       return /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
         palette: palette,
         isActive: isActive,
@@ -157,7 +156,6 @@ var IconButton = /*#__PURE__*/function (_React$Component) {
         "aria-expanded": ariaExpanded,
         "aria-controls": ariaControls,
         "aria-labelledby": ariaLabelledby,
-        role: role,
         tagName: needButtonTag ? 'button' : 'div',
         isInline: true,
         tourId: tourId,
@@ -213,8 +211,7 @@ IconButton.propTypes = (_IconButton$propTypes = {
   ariaExpanded: _propTypes["default"].bool,
   ariaLabel: _propTypes["default"].string,
   ariaControls: _propTypes["default"].string,
-  ariaLabelledby: _propTypes["default"].string,
-  role: _propTypes["default"].string
+  ariaLabelledby: _propTypes["default"].string
 })), _defineProperty(_IconButton$propTypes, "dataIsHtml", _propTypes["default"].bool), _IconButton$propTypes);
 IconButton.defaultProps = {
   palette: 'default',

package/lib/form/fields/CheckBoxField/CheckBoxField.js

@@ -154,7 +154,7 @@ var CheckBoxField = /*#__PURE__*/function (_PureComponent) {
 
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : ''
+        "data-title": isDisabled ? title : null
       }, isDirectCol && labelElement, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(isDirectCol ? _FieldsModule["default"].fieldContainer : _FieldsModule["default"].checkboxFieldContainer, " ").concat(isDirectCol && labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {

package/lib/form/fields/CurrencyField/CurrencyField.js

@@ -165,7 +165,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
       var uniqueId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : ''
+        "data-title": isDisabled ? title : null
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/form/fields/DateField/DateField.js

@@ -172,7 +172,7 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
       var getAriaId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : ''
+        "data-title": isDisabled ? title : null
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/form/fields/MultiSelectField/MultiSelectField.js

@@ -185,7 +185,7 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
       var uniqueId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : ''
+        "data-title": isDisabled ? title : null
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/form/fields/PhoneField/PhoneField.js

@@ -169,7 +169,7 @@ var PhoneField = /*#__PURE__*/function (_PureComponent) {
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : ''),
-        "data-title": isDisabled ? title : ''
+        "data-title": isDisabled ? title : null
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true
       }, /*#__PURE__*/_react["default"].createElement(_TextBoxField["default"], _extends({

package/lib/form/fields/RadioField/RadioField.js

@@ -106,7 +106,7 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
           ValidationMessageProps2 = _customProps$Validati2 === void 0 ? {} : _customProps$Validati2;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : ''
+        "data-title": isDisabled ? title : null
       }, labelName && /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,
         size: "medium",

package/lib/form/fields/SelectField/SelectField.js

@@ -153,7 +153,7 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
       var uniqueId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : ''
+        "data-title": isDisabled ? title : null
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/form/fields/TextBoxField/TextBoxField.js

@@ -147,7 +147,7 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
       var uniqueId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : ''
+        "data-title": isDisabled ? title : null
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/form/fields/TextEditor/TextEditor.module.css

@@ -649,7 +649,18 @@
   right: 0;
   left: 0;
 }
-.readOnly :global .KB_Editor_menus,
-.editorHide :global .KB_Editor {
+.readOnly :global .KB_Editor_menus {
   display: none !important;
 }
+.editorHide :global .KB_Editor {
+  position: absolute !important;
+  top: 0;
+  opacity: 0;
+  visibility: hidden;
+}
+[dir=ltr] .editorHide :global .KB_Editor {
+  left: 0;
+}
+[dir=rtl] .editorHide :global .KB_Editor {
+  right: 0;
+}

package/lib/form/fields/TextareaField/TextareaField.js

@@ -143,7 +143,7 @@ var TextareaField = /*#__PURE__*/function (_PureComponent) {
       var uniqueId = htmlId ? htmlId : this.getNextId();
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : ''
+        "data-title": isDisabled ? title : null
       }, labelName && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].labelContainer
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({

package/lib/list/Comment/Comment.js

@@ -70,10 +70,7 @@ var Comment = /*#__PURE__*/function (_Component) {
         customClass: "".concat(_CommentModule["default"].container, " ").concat(className, " "),
         onClick: onClick,
         dataId: "commentLstContainer",
-        title: commentTitle,
-        customProps: {
-          'aria-label': commentTitle
-        }
+        title: commentTitle
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-TK-commentLine",
         iconClass: _CommentModule["default"].commentIcon

package/lib/list/Icons/AddNewIcon.js

@@ -13,14 +13,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/Button"));
-
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -60,14 +56,13 @@ var AddNewIcon = /*#__PURE__*/function (_React$Component) {
           dataId = _this$props.dataId,
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
-          className = _this$props.className,
-          customProps = _this$props.customProps;
-      return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
-        customClass: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
-        dataId: dataId,
-        title: dataTitle
-      }, customProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
+        "data-id": dataId,
+        "data-title": dataTitle
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-SE-addTickets",
         iconClass: iconClass ? iconClass : ''
       }));
@@ -83,6 +78,5 @@ AddNewIcon.propTypes = {
   dataId: _propTypes["default"].string,
   dataTitle: _propTypes["default"].string,
   iconClass: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].object
+  onClick: _propTypes["default"].func
 };

package/lib/list/Icons/CompleteIcon.js

@@ -13,14 +13,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/Button"));
-
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -61,14 +57,13 @@ var CompleteIcon = /*#__PURE__*/function (_React$Component) {
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
           className = _this$props.className,
-          iconSize = _this$props.iconSize,
-          customProps = _this$props.customProps;
-      return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+          iconSize = _this$props.iconSize;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
-        customClass: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
-        dataId: dataId,
-        title: dataTitle
-      }, customProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
+        "data-id": dataId,
+        "data-title": dataTitle
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-GN-checkbox",
         iconClass: iconClass ? iconClass : '',
         size: iconSize
@@ -86,6 +81,5 @@ CompleteIcon.propTypes = {
   dataTitle: _propTypes["default"].string,
   iconClass: _propTypes["default"].string,
   iconSize: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].object
+  onClick: _propTypes["default"].func
 };

package/lib/list/Icons/DeleteIcon.js

@@ -15,12 +15,8 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/Button"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -61,14 +57,13 @@ var DeleteComponent = /*#__PURE__*/function (_React$Component) {
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
           iconSize = _this$props.iconSize,
-          className = _this$props.className,
-          customProps = _this$props.customProps;
-      return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
-        customClass: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].redHover, " ").concat(className ? className : ''),
-        dataId: dataId,
-        title: dataTitle
-      }, customProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].redHover, " ").concat(className ? className : ''),
+        "data-id": dataId,
+        "data-title": dataTitle
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-GN-delete",
         iconClass: iconClass ? iconClass : '',
         size: iconSize
@@ -86,6 +81,5 @@ DeleteComponent.propTypes = {
   dataTitle: _propTypes["default"].string,
   iconClass: _propTypes["default"].string,
   iconSize: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].object
+  onClick: _propTypes["default"].func
 };

package/lib/list/Icons/EditIcon.js

@@ -15,12 +15,8 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/Button"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -61,14 +57,13 @@ var EditIcon = /*#__PURE__*/function (_React$Component) {
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
           iconSize = _this$props.iconSize,
-          className = _this$props.className,
-          customProps = _this$props.customProps;
-      return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
-        customClass: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
-        dataId: dataId,
-        title: dataTitle
-      }, customProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
+        "data-id": dataId,
+        "data-title": dataTitle
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-GN-edit",
         iconClass: iconClass ? iconClass : '',
         size: iconSize
@@ -86,6 +81,5 @@ EditIcon.propTypes = {
   dataTitle: _propTypes["default"].string,
   iconClass: _propTypes["default"].string,
   iconSize: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].object
+  onClick: _propTypes["default"].func
 };

package/lib/list/Icons/ReadUnreadIcon.js

@@ -15,12 +15,8 @@ var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/Button"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -63,14 +59,13 @@ var ReadUnreadIcon = /*#__PURE__*/function (_React$Component) {
           iconClass = _this$props.iconClass,
           className = _this$props.className,
           isRead = _this$props.isRead,
-          iconSize = _this$props.iconSize,
-          customProps = _this$props.customProps;
-      return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+          iconSize = _this$props.iconSize;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
-        customClass: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
-        dataId: dataId,
-        title: dataTitle
-      }, customProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
+        "data-id": dataId,
+        "data-title": dataTitle
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
         size: iconSize,
         iconClass: "".concat(iconClassName ? iconClassName : '', " ").concat(iconClass ? iconClass : '')
@@ -93,6 +88,5 @@ ReadUnreadIcon.propTypes = {
   iconClass: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
   isRead: _propTypes["default"].bool,
-  iconSize: _propTypes["default"].string,
-  customProps: _propTypes["default"].object
+  iconSize: _propTypes["default"].string
 };

package/lib/list/Icons/SmartIcon.js

@@ -15,16 +15,12 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/Button"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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); }
 
 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; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -64,14 +60,13 @@ var SmartIcon = /*#__PURE__*/function (_Component) {
           dataId = _this$props.dataId,
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
-          className = _this$props.className,
-          customProps = _this$props.customProps;
-      return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement("span", {
         onClick: onClick,
-        customClass: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
-        dataId: dataId,
-        title: dataTitle
-      }, customProps), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
+        "data-id": dataId,
+        "data-title": dataTitle
+      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-TK-peek",
         iconClass: iconClass ? iconClass : ''
       }));
@@ -89,6 +84,5 @@ SmartIcon.propTypes = {
   features: _propTypes["default"].array,
   iconClass: _propTypes["default"].string,
   module: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  customProps: _propTypes["default"].object
+  onClick: _propTypes["default"].func
 };