@zohodesk/dot 1.0.0-beta.208 → 1.0.0-beta.209

package/README.md

@@ -2,6 +2,11 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.209
+
+- ActionButton => removeChildrenTooltip prop added , Loader Bg Fixed for Primary Palette
+- AlertLookup,AlertLookup v2 => onEsc Prop added
+
 # 1.0.0-beta.208
 
 - Read-only and disable class and style added in All Fields like TextBoxField, MultiSelect Field etc..

package/es/ActionButton/ActionButton.js

@@ -46,7 +46,8 @@ export class ActionButton extends React.Component {
       dropBoxClass,
       isBoxPaddingNeed,
       getContainerRef,
-      getTargetRef
+      getTargetRef,
+      removeChildrenTooltip
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
@@ -64,7 +65,8 @@ export class ActionButton extends React.Component {
       size: "medium",
       customClass: {
         customButton: style.btn
-      }
+      },
+      text: text
     })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       onClick: onClick,
@@ -86,9 +88,9 @@ export class ActionButton extends React.Component {
     }) : null, text ? /*#__PURE__*/React.createElement(Box, {
       shrink: true,
       className: style.txt,
-      "data-title": text
+      "data-title": removeChildrenTooltip ? null : text
     }, text) : null)), subText ? /*#__PURE__*/React.createElement(Box, {
-      "data-title": subText,
+      "data-title": removeChildrenTooltip ? null : subText,
       className: style.subTxt
     }, subText) : null)), children ? /*#__PURE__*/React.createElement(Box, {
       onClick: onClick ? !onHover && this.handleTogglePopup : undefined,
@@ -130,7 +132,8 @@ ActionButton.defaultProps = {
   dropBoxClass: '',
   arrowBoxSize: 'medium',
   isBoxPaddingNeed: true,
-  palette: 'primaryFilled'
+  palette: 'primaryFilled',
+  removeChildrenTooltip: false
 };
 ActionButton.propTypes = {
   arrowBoxDataId: PropTypes.string,
@@ -157,7 +160,8 @@ ActionButton.propTypes = {
   subText: PropTypes.string,
   text: PropTypes.string,
   getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func
+  getTargetRef: PropTypes.func,
+  removeChildrenTooltip: PropTypes.bool
 };
 ActionButton.docs = {
   componentGroup: 'Atom'

package/es/ActionButton/ActionButton.module.css

@@ -119,6 +119,7 @@
 .btn {
   height: 100%;
   width: 100%;
+  color:var(--dot_mirror)
 }
 .popupWrapper {
   padding: var(--zd_size10) 0;

package/es/Link/Link.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './Link.module.css';
-import LinkContext from './LinkContext.js';
+import LinkContext from './LinkContext';
 export default class Link extends React.Component {
   constructor(props, context) {
     super(props, context);

package/es/alert/AlertLookup/AlertLookup.js

@@ -39,12 +39,14 @@ export default class AlertLookup extends Component {
     let {
       onSubmitClick,
       onCancelClick,
-      isActive
+      isActive,
+      onEsc,
+      onClose
     } = this.props;
 
     if (e.keyCode === 27 && isActive) {
       e && e.preventDefault && e.preventDefault();
-      onCancelClick && onCancelClick(e);
+      onEsc == 'close' ? onClose && onClose(e) : onCancelClick && onCancelClick(e);
     } else if (e.keyCode === 13 && isActive) {
       e && e.preventDefault && e.preventDefault();
       onSubmitClick && onSubmitClick(e);
@@ -169,7 +171,8 @@ AlertLookup.propTypes = {
     AlertHeaderProps: PropTypes.object,
     PrimaryButtonProps: PropTypes.object,
     SecondaryButtonProps: PropTypes.object
-  })
+  }),
+  onEsc: PropTypes.oneOf(['close', 'cancel'])
 };
 AlertLookup.defaultProps = {
   isActive: false,
@@ -181,7 +184,8 @@ AlertLookup.defaultProps = {
   dataId: 'alertPopup',
   customClass: '',
   isDefaultFocus: true,
-  customProps: {}
+  customProps: {},
+  onEsc: 'cancel'
 };
 
 if (false) {

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -62,12 +62,14 @@ export default class AlertLookup extends Component {
     let {
       onSubmitClick,
       onCancelClick,
-      isActive
+      isActive,
+      onEsc,
+      onClose
     } = this.props;
 
     if (e.keyCode === 27 && isActive) {
       e && e.preventDefault && e.preventDefault();
-      onCancelClick && onCancelClick(e);
+      onEsc == 'close' ? onClose && onClose(e) : onCancelClick && onCancelClick(e);
     } else if (e.keyCode === 13 && isActive) {
       e && e.preventDefault && e.preventDefault();
       onSubmitClick && onSubmitClick(e);
@@ -227,7 +229,8 @@ AlertLookup.propTypes = {
   align: PropTypes.oneOf(['top', 'vertical']),
   childAnimationName: PropTypes.oneOf(['expand', 'flyDown']),
   isHtmlContent: PropTypes.bool,
-  scroll: PropTypes.oneOf(['horizontal', 'vertical', 'both'])
+  scroll: PropTypes.oneOf(['horizontal', 'vertical', 'both']),
+  onEsc: PropTypes.oneOf(['close', 'cancel'])
 };
 AlertLookup.defaultProps = {
   isActive: false,
@@ -239,7 +242,8 @@ AlertLookup.defaultProps = {
   align: 'top',
   childAnimationName: 'flyDown',
   isHtmlContent: false,
-  scroll: ''
+  scroll: '',
+  onEsc: 'cancel'
 };
 
 if (false) {

package/lib/ActionButton/ActionButton.js

@@ -97,7 +97,8 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
           dropBoxClass = _this$props2.dropBoxClass,
           isBoxPaddingNeed = _this$props2.isBoxPaddingNeed,
           getContainerRef = _this$props2.getContainerRef,
-          getTargetRef = _this$props2.getTargetRef;
+          getTargetRef = _this$props2.getTargetRef,
+          removeChildrenTooltip = _this$props2.removeChildrenTooltip;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
         isCover: false,
@@ -114,7 +115,8 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
         size: "medium",
         customClass: {
           customButton: _ActionButtonModule["default"].btn
-        }
+        },
+        text: text
       })) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         onClick: onClick,
@@ -136,9 +138,9 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
       }) : null, text ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         shrink: true,
         className: _ActionButtonModule["default"].txt,
-        "data-title": text
+        "data-title": removeChildrenTooltip ? null : text
       }, text) : null)), subText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        "data-title": subText,
+        "data-title": removeChildrenTooltip ? null : subText,
         className: _ActionButtonModule["default"].subTxt
       }, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         onClick: onClick ? !onHover && this.handleTogglePopup : undefined,
@@ -184,7 +186,8 @@ ActionButton.defaultProps = {
   dropBoxClass: '',
   arrowBoxSize: 'medium',
   isBoxPaddingNeed: true,
-  palette: 'primaryFilled'
+  palette: 'primaryFilled',
+  removeChildrenTooltip: false
 };
 ActionButton.propTypes = {
   arrowBoxDataId: _propTypes["default"].string,
@@ -211,7 +214,8 @@ ActionButton.propTypes = {
   subText: _propTypes["default"].string,
   text: _propTypes["default"].string,
   getContainerRef: _propTypes["default"].func,
-  getTargetRef: _propTypes["default"].func
+  getTargetRef: _propTypes["default"].func,
+  removeChildrenTooltip: _propTypes["default"].bool
 };
 ActionButton.docs = {
   componentGroup: 'Atom'

package/lib/ActionButton/ActionButton.module.css

@@ -119,6 +119,7 @@
 .btn {
   height: 100%;
   width: 100%;
+  color:var(--dot_mirror)
 }
 .popupWrapper {
   padding: var(--zd_size10) 0;

package/lib/Link/Link.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _LinkModule = _interopRequireDefault(require("./Link.module.css"));
 
-var _LinkContext = _interopRequireDefault(require("./LinkContext.js"));
+var _LinkContext = _interopRequireDefault(require("./LinkContext"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/lib/alert/AlertLookup/AlertLookup.js

@@ -88,11 +88,13 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           onSubmitClick = _this$props.onSubmitClick,
           onCancelClick = _this$props.onCancelClick,
-          isActive = _this$props.isActive;
+          isActive = _this$props.isActive,
+          onEsc = _this$props.onEsc,
+          onClose = _this$props.onClose;
 
       if (e.keyCode === 27 && isActive) {
         e && e.preventDefault && e.preventDefault();
-        onCancelClick && onCancelClick(e);
+        onEsc == 'close' ? onClose && onClose(e) : onCancelClick && onCancelClick(e);
       } else if (e.keyCode === 13 && isActive) {
         e && e.preventDefault && e.preventDefault();
         onSubmitClick && onSubmitClick(e);
@@ -222,7 +224,8 @@ AlertLookup.propTypes = {
     AlertHeaderProps: _propTypes["default"].object,
     PrimaryButtonProps: _propTypes["default"].object,
     SecondaryButtonProps: _propTypes["default"].object
-  })
+  }),
+  onEsc: _propTypes["default"].oneOf(['close', 'cancel'])
 };
 AlertLookup.defaultProps = {
   isActive: false,
@@ -234,7 +237,8 @@ AlertLookup.defaultProps = {
   dataId: 'alertPopup',
   customClass: '',
   isDefaultFocus: true,
-  customProps: {}
+  customProps: {},
+  onEsc: 'cancel'
 };
 
 if (false) {

package/lib/version2/lookup/AlertLookup/AlertLookup.js

@@ -114,11 +114,13 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           onSubmitClick = _this$props.onSubmitClick,
           onCancelClick = _this$props.onCancelClick,
-          isActive = _this$props.isActive;
+          isActive = _this$props.isActive,
+          onEsc = _this$props.onEsc,
+          onClose = _this$props.onClose;
 
       if (e.keyCode === 27 && isActive) {
         e && e.preventDefault && e.preventDefault();
-        onCancelClick && onCancelClick(e);
+        onEsc == 'close' ? onClose && onClose(e) : onCancelClick && onCancelClick(e);
       } else if (e.keyCode === 13 && isActive) {
         e && e.preventDefault && e.preventDefault();
         onSubmitClick && onSubmitClick(e);
@@ -289,7 +291,8 @@ AlertLookup.propTypes = {
   align: _propTypes["default"].oneOf(['top', 'vertical']),
   childAnimationName: _propTypes["default"].oneOf(['expand', 'flyDown']),
   isHtmlContent: _propTypes["default"].bool,
-  scroll: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both'])
+  scroll: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both']),
+  onEsc: _propTypes["default"].oneOf(['close', 'cancel'])
 };
 AlertLookup.defaultProps = {
   isActive: false,
@@ -301,7 +304,8 @@ AlertLookup.defaultProps = {
   align: 'top',
   childAnimationName: 'flyDown',
   isHtmlContent: false,
-  scroll: ''
+  scroll: '',
+  onEsc: 'cancel'
 };
 
 if (false) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.208",
+  "version": "1.0.0-beta.209",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",