@zohodesk/dot 1.0.0-beta.213 → 1.0.0-beta.216

package/README.md

@@ -2,13 +2,28 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.216
+
+- CurrencyField => formatCurrency call if check fixed (vavlue will formatted when isActive is false)
+
+# 1.0.0-beta.215
+
+- CheckBoxField, CurrencyField, DateField, MultiSelectField, PhoneField, RadioField, SelectField, TextBoxField, TextareaField, setup/header/Views/Views => Tooltip undefined case solved
+- StatusDropdown => Enter, Down Arrow Shortcut issue solved
+- TextEditor => editor focus issue fix
+
+# 1.0.0-beta.214
+
+- Dot => Provider Config Added
+- FreezeLayer => freezeLayer config added to control keyboard shortcut 
+- CurrencyField => formatCurrency prop added, exist formatCurrency function removed and moved to deprecated
 # 1.0.0-beta.213
 
 - ActionButton => Loader Bg Fix reverted (Directly Fixed in Button Component)
 
 # 1.0.0-beta.210
 
-- TextEditor => editor laoding issue fix
+- TextEditor => editor loading issue fix
 
 # 1.0.0-beta.209
 

package/es/FreezeLayer/FreezeLayer.js

@@ -2,9 +2,10 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Container } from '@zohodesk/components/lib/Layout';
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import style from './FreezeLayer.module.css';
-import { Shortcut } from '../utils/KeyboardApi';
+import style from './FreezeLayer.module.css'; //import { Shortcut } from '../utils/KeyboardApi';
+
 import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
+import { getDotLibraryConfig } from '../Provider/Config';
 export default class FreezeLayer extends Component {
   constructor(props) {
     super(props);
@@ -13,6 +14,23 @@ export default class FreezeLayer extends Component {
       isChildActive: false
     };
     this.getNextIndex = getZIndex(this);
+    this.isFreezeLayerEnabled = false;
+  }
+
+  enableFreeze() {
+    if (!this.isFreezeLayerEnabled) {
+      this.isFreezeLayerEnabled = true;
+      const freezeLayerEnable = (getDotLibraryConfig('freezeLayer') || {}).enable;
+      freezeLayerEnable && freezeLayerEnable();
+    }
+  }
+
+  disableFreeze() {
+    if (this.isFreezeLayerEnabled) {
+      this.isFreezeLayerEnabled = false;
+      const freezeLayerDisable = (getDotLibraryConfig('freezeLayer') || {}).disable;
+      freezeLayerDisable && freezeLayerDisable();
+    }
   }
 
   componentDidMount() {
@@ -24,6 +42,7 @@ export default class FreezeLayer extends Component {
       this.setState({
         isChildActive: true
       });
+      this.enableFreeze();
     }
   }
 
@@ -34,7 +53,8 @@ export default class FreezeLayer extends Component {
 
     if (isActive != prevProps.isActive) {
       if (isActive) {
-        Shortcut && Shortcut.setState(false);
+        this.enableFreeze(); // Shortcut && Shortcut.setState(false);
+
         this.setState({
           isActive: true
         }, () => {
@@ -43,7 +63,8 @@ export default class FreezeLayer extends Component {
           });
         });
       } else {
-        Shortcut && Shortcut.setState(true);
+        this.disableFreeze(); // Shortcut && Shortcut.setState(true);
+
         this.setState({
           isChildActive: false
         }, () => {
@@ -55,6 +76,10 @@ export default class FreezeLayer extends Component {
     }
   }
 
+  componentWillUnmount() {
+    this.disableFreeze();
+  }
+
   render() {
     let {
       children,

package/es/Provider/Config.js

@@ -0,0 +1,12 @@
+let config = {
+  freezeLayer: {
+    enable: () => {},
+    disable: () => {}
+  }
+};
+export function getDotLibraryConfig(key) {
+  return config[key];
+}
+export function setDotLibraryConfig(configObj) {
+  config = Object.assign({}, config, configObj);
+}

package/es/deprecated/utils/General.js

@@ -0,0 +1,19 @@
+export function formatCurrency(number, symbol) {
+  // format number 1000000 to 1,234,567
+  if (number && number != 0) {
+    let typeOfData = typeof number;
+    let isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
+
+    if (isDecimal) {
+      let val = number.toString().split('.');
+      let arr1 = `${val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
+      let finalVal = `${symbol}${arr1}.${val[1]}`;
+      return finalVal;
+    } else {
+      let value = `${symbol}${number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
+      return value;
+    }
+  }
+
+  return number;
+}

package/es/form/fields/CheckBoxField/CheckBoxField.js

@@ -105,7 +105,7 @@ export default class CheckBoxField extends PureComponent {
     }) : null);
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-      "data-title": isDisabled ? title : ''
+      "data-title": isDisabled ? title : null
     }, isDirectCol && labelElement, /*#__PURE__*/React.createElement("div", {
       className: `${isDirectCol ? style.fieldContainer : style.checkboxFieldContainer} ${isDirectCol && labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
     }, /*#__PURE__*/React.createElement(Container, {

package/es/form/fields/CurrencyField/CurrencyField.js

@@ -15,7 +15,6 @@ import Icon from '@zohodesk/icons/lib/Icon';
 /**** CSS ****/
 
 import style from '../Fields.module.css';
-import { formatCurrency } from '../../../utils/General';
 export default class CurrencyField extends PureComponent {
   constructor(props) {
     super(props);
@@ -99,7 +98,8 @@ export default class CurrencyField extends PureComponent {
       needReadOnlyStyle,
       isClickable,
       userCurrencyType,
-      customProps
+      customProps,
+      formatCurrency
     } = this.props;
     const {
       LabelProps = {},
@@ -112,7 +112,7 @@ export default class CurrencyField extends PureComponent {
     } = this.state;
     let formatValue = value;
 
-    if (!isActive && value != 0) {
+    if (!isActive) {
       formatValue = formatCurrency(value, userCurrencyType);
     } else {
       formatValue = value;
@@ -121,7 +121,7 @@ export default class CurrencyField extends PureComponent {
     let uniqueId = htmlId ? htmlId : this.getNextId();
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-      "data-title": isDisabled ? title : ''
+      "data-title": isDisabled ? title : null
     }, labelName && /*#__PURE__*/React.createElement("div", {
       className: style.labelContainer
     }, /*#__PURE__*/React.createElement(Label, _extends({
@@ -217,7 +217,8 @@ CurrencyField.propTypes = {
     TextBoxProps: PropTypes.object,
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
-  })
+  }),
+  formatCurrency: PropTypes.func
 };
 CurrencyField.defaultProps = {
   errorType: 'primary',
@@ -233,7 +234,8 @@ CurrencyField.defaultProps = {
   labelCustomClass: '',
   isClickable: false,
   needReadOnlyStyle: true,
-  customProps: {}
+  customProps: {},
+  formatCurrency: () => {}
 };
 
 if (false) {

package/es/form/fields/DateField/DateField.js

@@ -125,7 +125,7 @@ export default class DateField extends PureComponent {
     let getAriaId = htmlId ? htmlId : this.getNextId();
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-      "data-title": isDisabled ? title : ''
+      "data-title": isDisabled ? title : null
     }, labelName && /*#__PURE__*/React.createElement("div", {
       className: style.labelContainer
     }, /*#__PURE__*/React.createElement(Label, _extends({

package/es/form/fields/MultiSelectField/MultiSelectField.js

@@ -137,7 +137,7 @@ export default class MultiSelectField extends PureComponent {
     let uniqueId = htmlId ? htmlId : this.getNextId();
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-      "data-title": isDisabled ? title : ''
+      "data-title": isDisabled ? title : null
     }, labelName && /*#__PURE__*/React.createElement("div", {
       className: style.labelContainer
     }, /*#__PURE__*/React.createElement(Label, _extends({

package/es/form/fields/PhoneField/PhoneField.js

@@ -127,7 +127,7 @@ export default class PhoneField extends PureComponent {
     return /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
       className: `${style.container} ${isDisabled ? style.disabled : ''}`,
-      "data-title": isDisabled ? title : ''
+      "data-title": isDisabled ? title : null
     }, /*#__PURE__*/React.createElement(Box, {
       flexible: true
     }, /*#__PURE__*/React.createElement(TextBoxField, _extends({

package/es/form/fields/RadioField/RadioField.js

@@ -56,7 +56,7 @@ export default class RadioField extends PureComponent {
     } = customProps;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-      "data-title": isDisabled ? title : ''
+      "data-title": isDisabled ? title : null
     }, labelName && /*#__PURE__*/React.createElement(Label, _extends({
       text: labelName,
       size: "medium",

package/es/form/fields/SelectField/SelectField.js

@@ -105,7 +105,7 @@ export default class SelectField extends PureComponent {
     let uniqueId = htmlId ? htmlId : this.getNextId();
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-      "data-title": isDisabled ? title : ''
+      "data-title": isDisabled ? title : null
     }, labelName && /*#__PURE__*/React.createElement("div", {
       className: style.labelContainer
     }, /*#__PURE__*/React.createElement(Label, _extends({

package/es/form/fields/TextBoxField/TextBoxField.js

@@ -98,7 +98,7 @@ export default class TextBoxField extends PureComponent {
     let uniqueId = htmlId ? htmlId : this.getNextId();
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-      "data-title": isDisabled ? title : ''
+      "data-title": isDisabled ? title : null
     }, labelName && /*#__PURE__*/React.createElement("div", {
       className: style.labelContainer
     }, /*#__PURE__*/React.createElement(Label, _extends({

package/es/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/es/form/fields/TextareaField/TextareaField.js

@@ -96,7 +96,7 @@ export default class TextareaField extends PureComponent {
     let uniqueId = htmlId ? htmlId : this.getNextId();
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-      "data-title": isDisabled ? title : ''
+      "data-title": isDisabled ? title : null
     }, labelName && /*#__PURE__*/React.createElement("div", {
       className: style.labelContainer
     }, /*#__PURE__*/React.createElement(Label, _extends({

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/es/utils/General.js

@@ -42,23 +42,4 @@ export function formatPhoneUrl(phone) {
   }
 
   return phone;
-}
-export function formatCurrency(number, symbol) {
-  // format number 1000000 to 1,234,567
-  if (number && number != 0) {
-    let typeOfData = typeof number;
-    let isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
-
-    if (isDecimal) {
-      let val = number.toString().split('.');
-      let arr1 = `${val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
-      let finalVal = `${symbol}${arr1}.${val[1]}`;
-      return finalVal;
-    } else {
-      let value = `${symbol}${number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
-      return value;
-    }
-  }
-
-  return number;
 }

package/lib/ActionButton/ActionButton.js

@@ -33,7 +33,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/AlphabeticList/AlphabeticList.js

@@ -35,7 +35,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/Attachment/Attachment.js

@@ -27,7 +27,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/ChannelIcon/ChannelIcon.js

@@ -33,7 +33,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/Drawer/Drawer.js

@@ -39,7 +39,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/ExternalLink/ExternalLink.js

@@ -23,7 +23,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/FlipCard/FlipCard.js

@@ -41,7 +41,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/FormAction/FormAction.js

@@ -23,7 +23,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/FreezeLayer/FreezeLayer.js

@@ -17,10 +17,10 @@ var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/componen
 
 var _FreezeLayerModule = _interopRequireDefault(require("./FreezeLayer.module.css"));
 
-var _KeyboardApi = require("../utils/KeyboardApi");
-
 var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
 
+var _Config = require("../Provider/Config");
+
 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); }
@@ -33,7 +33,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
@@ -63,10 +63,29 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
       isChildActive: false
     };
     _this.getNextIndex = (0, _ZindexProvider.getZIndex)(_assertThisInitialized(_this));
+    _this.isFreezeLayerEnabled = false;
     return _this;
   }
 
   _createClass(FreezeLayer, [{
+    key: "enableFreeze",
+    value: function enableFreeze() {
+      if (!this.isFreezeLayerEnabled) {
+        this.isFreezeLayerEnabled = true;
+        var freezeLayerEnable = ((0, _Config.getDotLibraryConfig)('freezeLayer') || {}).enable;
+        freezeLayerEnable && freezeLayerEnable();
+      }
+    }
+  }, {
+    key: "disableFreeze",
+    value: function disableFreeze() {
+      if (this.isFreezeLayerEnabled) {
+        this.isFreezeLayerEnabled = false;
+        var freezeLayerDisable = ((0, _Config.getDotLibraryConfig)('freezeLayer') || {}).disable;
+        freezeLayerDisable && freezeLayerDisable();
+      }
+    }
+  }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       var isActive = this.props.isActive;
@@ -75,6 +94,7 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
         this.setState({
           isChildActive: true
         });
+        this.enableFreeze();
       }
     }
   }, {
@@ -86,7 +106,8 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
 
       if (isActive != prevProps.isActive) {
         if (isActive) {
-          _KeyboardApi.Shortcut && _KeyboardApi.Shortcut.setState(false);
+          this.enableFreeze(); // Shortcut && Shortcut.setState(false);
+
           this.setState({
             isActive: true
           }, function () {
@@ -95,7 +116,8 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
             });
           });
         } else {
-          _KeyboardApi.Shortcut && _KeyboardApi.Shortcut.setState(true);
+          this.disableFreeze(); // Shortcut && Shortcut.setState(true);
+
           this.setState({
             isChildActive: false
           }, function () {
@@ -106,6 +128,11 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
         }
       }
     }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.disableFreeze();
+    }
   }, {
     key: "render",
     value: function render() {