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

package/README.md

@@ -2,13 +2,18 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 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/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 = {},
@@ -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/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/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); }
@@ -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() {

package/lib/Provider/Config.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDotLibraryConfig = getDotLibraryConfig;
+exports.setDotLibraryConfig = setDotLibraryConfig;
+var config = {
+  freezeLayer: {
+    enable: function enable() {},
+    disable: function disable() {}
+  }
+};
+
+function getDotLibraryConfig(key) {
+  return config[key];
+}
+
+function setDotLibraryConfig(configObj) {
+  config = Object.assign({}, config, configObj);
+}

package/lib/deprecated/utils/General.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatCurrency = formatCurrency;
+
+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); }
+
+function formatCurrency(number, symbol) {
+  // format number 1000000 to 1,234,567
+  if (number && number != 0) {
+    var typeOfData = _typeof(number);
+
+    var isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
+
+    if (isDecimal) {
+      var val = number.toString().split('.');
+      var arr1 = "".concat(val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
+      var finalVal = "".concat(symbol).concat(arr1, ".").concat(val[1]);
+      return finalVal;
+    } else {
+      var value = "".concat(symbol).concat(number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
+      return value;
+    }
+  }
+
+  return number;
+}

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

@@ -23,8 +23,6 @@ var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
 var _FieldsModule = _interopRequireDefault(require("../Fields.module.css"));
 
-var _General = require("../../../utils/General");
-
 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); }
@@ -145,7 +143,8 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
           needReadOnlyStyle = _this$props3.needReadOnlyStyle,
           isClickable = _this$props3.isClickable,
           userCurrencyType = _this$props3.userCurrencyType,
-          customProps = _this$props3.customProps;
+          customProps = _this$props3.customProps,
+          formatCurrency = _this$props3.formatCurrency;
       var _customProps$LabelPro = customProps.LabelProps,
           LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
           _customProps$TextBoxP = customProps.TextBoxProps,
@@ -158,7 +157,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
       var formatValue = value;
 
       if (!isActive && value != 0) {
-        formatValue = (0, _General.formatCurrency)(value, userCurrencyType);
+        formatValue = formatCurrency(value, userCurrencyType);
       } else {
         formatValue = value;
       }
@@ -266,7 +265,8 @@ CurrencyField.propTypes = {
     TextBoxProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
-  })
+  }),
+  formatCurrency: _propTypes["default"].func
 };
 CurrencyField.defaultProps = {
   errorType: 'primary',
@@ -282,7 +282,8 @@ CurrencyField.defaultProps = {
   labelCustomClass: '',
   isClickable: false,
   needReadOnlyStyle: true,
-  customProps: {}
+  customProps: {},
+  formatCurrency: function formatCurrency() {}
 };
 
 if (false) {

package/lib/utils/General.js

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatCurrency = formatCurrency;
 exports.formatPhoneUrl = formatPhoneUrl;
 exports.getFullName = getFullName;
 exports.shallowDiff = shallowDiff;
 exports.stopBubbling = stopBubbling;
 
-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); }
-
 function stopBubbling(event) {
   event.preventDefault();
   event.stopPropagation && event.stopPropagation();
@@ -58,25 +55,4 @@ function formatPhoneUrl(phone) {
   }
 
   return phone;
-}
-
-function formatCurrency(number, symbol) {
-  // format number 1000000 to 1,234,567
-  if (number && number != 0) {
-    var typeOfData = _typeof(number);
-
-    var isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
-
-    if (isDecimal) {
-      var val = number.toString().split('.');
-      var arr1 = "".concat(val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
-      var finalVal = "".concat(symbol).concat(arr1, ".").concat(val[1]);
-      return finalVal;
-    } else {
-      var value = "".concat(symbol).concat(number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
-      return value;
-    }
-  }
-
-  return number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.213",
+  "version": "1.0.0-beta.214",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -43,9 +43,9 @@
     "velocity-react": "^1.4.3",
     "@zohodesk/variables": "^1.0.0-beta.29",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-228",
+    "@zohodesk/components": "^1.0.0-alpha-228",
     "@zohodesk/icons": "^1.0.0-beta.85",
-    "@zohodesk/svg": "1.0.0-beta.41"
+    "@zohodesk/svg": "^1.0.0-beta.41"
   },
   "react-cli": {
     "preprocessor": {