@zohodesk/dot 1.0.0-temp-112 → 1.0.0-temp-114

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

@@ -13,17 +13,14 @@ var _TextBox = _interopRequireDefault(require("@zohodesk/components/lib/TextBox/
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
 var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
-var _RippleEffect = _interopRequireDefault(require("@zohodesk/components/lib/RippleEffect/RippleEffect"));
 var _FieldsModule = _interopRequireDefault(require("../Fields.module.css"));
 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 ? Object.assign.bind() : 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, _toPropertyKey(descriptor.key), descriptor); } }
+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); } }
 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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -39,11 +36,8 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
     _classCallCheck(this, CurrencyField);
     _this = _super.call(this, props);
     _this.state = {
-      isActive: false,
-      isFocused: false
+      isActive: false
     };
-    _this.handleParentClick = _this.handleParentClick.bind(_assertThisInitialized(_this));
-    _this.handleFocusToggle = _this.handleFocusToggle.bind(_assertThisInitialized(_this));
     _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
     _this.handleGetRef = _this.handleGetRef.bind(_assertThisInitialized(_this));
     _this.getNextId = (0, _IdProvider.getUniqueId)(_assertThisInitialized(_this));
@@ -68,31 +62,10 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
       this.textBox = el;
       getRef && getRef(el, id);
     }
-  }, {
-    key: "handleParentClick",
-    value: function handleParentClick() {
-      var needFieldStyle = this.props.needFieldStyle;
-      if (needFieldStyle) {
-        this.textBox.focus();
-      }
-    }
-  }, {
-    key: "handleFocusToggle",
-    value: function handleFocusToggle(value) {
-      var needFieldStyle = this.props.needFieldStyle;
-      if (needFieldStyle) {
-        this.setState({
-          isFocused: value
-        });
-      }
-    }
   }, {
     key: "onFocus",
     value: function onFocus() {
-      var _this$props3 = this.props,
-        onFocus = _this$props3.onFocus,
-        needFieldStyle = _this$props3.needFieldStyle;
-      needFieldStyle && this.handleFocusToggle(true);
+      var onFocus = this.props.onFocus;
       this.setState({
         isActive: true
       });
@@ -101,10 +74,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "onBlur",
     value: function onBlur() {
-      var _this$props4 = this.props,
-        onBlur = _this$props4.onBlur,
-        needFieldStyle = _this$props4.needFieldStyle;
-      needFieldStyle && this.handleFocusToggle(false);
+      var onBlur = this.props.onBlur;
       this.setState({
         isActive: false
       });
@@ -113,41 +83,40 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props5 = this.props,
-        labelName = _this$props5.labelName,
-        id = _this$props5.id,
-        textBoxSize = _this$props5.textBoxSize,
-        textBoxVariant = _this$props5.textBoxVariant,
-        textBoxType = _this$props5.textBoxType,
-        isMandatory = _this$props5.isMandatory,
-        validationMessage = _this$props5.validationMessage,
-        validationPalette = _this$props5.validationPalette,
-        maxLength = _this$props5.maxLength,
-        isReadOnly = _this$props5.isReadOnly,
-        value = _this$props5.value,
-        errorType = _this$props5.errorType,
-        isDisabled = _this$props5.isDisabled,
-        title = _this$props5.title,
-        dataId = _this$props5.dataId,
-        validationRuleMessage = _this$props5.validationRuleMessage,
-        validationRulePalette = _this$props5.validationRulePalette,
-        onKeyDown = _this$props5.onKeyDown,
-        placeHolder = _this$props5.placeHolder,
-        infoText = _this$props5.infoText,
-        borderColor = _this$props5.borderColor,
-        fieldSize = _this$props5.fieldSize,
-        labelPalette = _this$props5.labelPalette,
-        labelCustomClass = _this$props5.labelCustomClass,
-        htmlId = _this$props5.htmlId,
-        lockedInfoText = _this$props5.lockedInfoText,
-        isLocked = _this$props5.isLocked,
-        needReadOnlyStyle = _this$props5.needReadOnlyStyle,
-        isClickable = _this$props5.isClickable,
-        userCurrencyType = _this$props5.userCurrencyType,
-        customProps = _this$props5.customProps,
-        formatCurrency = _this$props5.formatCurrency,
-        renderLabelProps = _this$props5.renderLabelProps,
-        needFieldStyle = _this$props5.needFieldStyle;
+      var _this$props3 = this.props,
+        labelName = _this$props3.labelName,
+        id = _this$props3.id,
+        textBoxSize = _this$props3.textBoxSize,
+        textBoxVariant = _this$props3.textBoxVariant,
+        textBoxType = _this$props3.textBoxType,
+        isMandatory = _this$props3.isMandatory,
+        validationMessage = _this$props3.validationMessage,
+        validationPalette = _this$props3.validationPalette,
+        maxLength = _this$props3.maxLength,
+        isReadOnly = _this$props3.isReadOnly,
+        value = _this$props3.value,
+        errorType = _this$props3.errorType,
+        isDisabled = _this$props3.isDisabled,
+        title = _this$props3.title,
+        dataId = _this$props3.dataId,
+        validationRuleMessage = _this$props3.validationRuleMessage,
+        validationRulePalette = _this$props3.validationRulePalette,
+        onKeyDown = _this$props3.onKeyDown,
+        placeHolder = _this$props3.placeHolder,
+        infoText = _this$props3.infoText,
+        borderColor = _this$props3.borderColor,
+        fieldSize = _this$props3.fieldSize,
+        labelPalette = _this$props3.labelPalette,
+        labelCustomClass = _this$props3.labelCustomClass,
+        htmlId = _this$props3.htmlId,
+        lockedInfoText = _this$props3.lockedInfoText,
+        isLocked = _this$props3.isLocked,
+        needReadOnlyStyle = _this$props3.needReadOnlyStyle,
+        isClickable = _this$props3.isClickable,
+        userCurrencyType = _this$props3.userCurrencyType,
+        customProps = _this$props3.customProps,
+        formatCurrency = _this$props3.formatCurrency,
+        renderLabelProps = _this$props3.renderLabelProps;
       var _customProps$LabelPro = customProps.LabelProps,
         LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
         _customProps$TextBoxP = customProps.TextBoxProps,
@@ -164,15 +133,9 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
         formatValue = value;
       }
       var uniqueId = htmlId ? htmlId : this.getNextId();
-      var isFocused = this.state.isFocused;
-      return /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
-        hoverType: "bg",
-        isActive: isFocused,
-        isNeedEffect: !isReadOnly && !isDisabled && needFieldStyle ? true : false
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(needFieldStyle ? _FieldsModule["default"].highlightSpace : '', " ").concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : null,
-        onClick: this.handleParentClick
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
+        "data-title": isDisabled ? title : null
       }, labelName && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
         infoText: infoText,
         isLocked: isLocked,
@@ -220,7 +183,7 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
         type: errorType,
         htmlFor: uniqueId,
         dataId: "".concat(dataId, "_ValidationRuleMessage")
-      }, ValidationMessageProps2)))));
+      }, ValidationMessageProps2))));
     }
   }]);
   return CurrencyField;

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

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultProps = void 0;
 var _FieldCommonDefaultProps = require("../../props/FieldCommonDefaultProps");
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var defaultProps = _objectSpread({
   errorType: 'primary',
   textBoxSize: 'xmedium',
@@ -23,7 +20,6 @@ var defaultProps = _objectSpread({
   isClickable: false,
   needReadOnlyStyle: true,
   customProps: {},
-  // needFieldStyle:true,
   formatCurrency: function formatCurrency() {}
 }, (0, _FieldCommonDefaultProps.FieldCommonDefaultProps)());
 exports.defaultProps = defaultProps;

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

@@ -7,12 +7,9 @@ exports.propTypes = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FieldCommonPropTypes = require("../../props/FieldCommonPropTypes");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var propTypes = _objectSpread({
   borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
   errorType: _propTypes["default"].oneOf(['primary', 'secondary']),

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

@@ -13,17 +13,14 @@ var _DateWidget = _interopRequireDefault(require("@zohodesk/components/lib/DateT
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
 var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
-var _RippleEffect = _interopRequireDefault(require("@zohodesk/components/lib/RippleEffect/RippleEffect"));
 var _FieldsModule = _interopRequireDefault(require("../Fields.module.css"));
 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 ? Object.assign.bind() : 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, _toPropertyKey(descriptor.key), descriptor); } }
+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); } }
 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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -43,17 +40,6 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
     _this.handleLabelClick = _this.handleLabelClick.bind(_assertThisInitialized(_this));
     _this.getNextId = (0, _IdProvider.getUniqueId)(_assertThisInitialized(_this));
     _this.openPopup = _this.openPopup.bind(_assertThisInitialized(_this));
-    _this.handleParentClick = _this.handleParentClick.bind(_assertThisInitialized(_this));
-    _this.handleFocusToggle = _this.handleFocusToggle.bind(_assertThisInitialized(_this));
-    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
-    _this.getPopupHandlers = _this.getPopupHandlers.bind(_assertThisInitialized(_this));
-    _this.handleDropBoxOpen = _this.handleDropBoxOpen.bind(_assertThisInitialized(_this));
-    _this.handleDropBoxClose = _this.handleDropBoxClose.bind(_assertThisInitialized(_this));
-    _this.state = {
-      isFocused: false,
-      isPopupOpen: false
-    };
     return _this;
   }
   _createClass(DateField, [{
@@ -107,103 +93,42 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
         this.dateField.focus();
       }
     }
-  }, {
-    key: "handleParentClick",
-    value: function handleParentClick(e) {
-      var needFieldStyle = this.props.needFieldStyle;
-      if (needFieldStyle) {
-        this.dateField.focus();
-        this.togglePopup(e);
-      }
-    }
-  }, {
-    key: "handleFocusToggle",
-    value: function handleFocusToggle(value) {
-      this.setState({
-        isFocused: value
-      });
-    }
-  }, {
-    key: "handleFocus",
-    value: function handleFocus(e) {
-      var _this$props3 = this.props,
-        onFocus = _this$props3.onFocus,
-        needFieldStyle = _this$props3.needFieldStyle;
-      needFieldStyle && this.handleFocusToggle(true);
-      onFocus && onFocus(e);
-    }
-  }, {
-    key: "handleBlur",
-    value: function handleBlur(e) {
-      var _this$props4 = this.props,
-        onBlur = _this$props4.onBlur,
-        needFieldStyle = _this$props4.needFieldStyle;
-      needFieldStyle && this.handleFocusToggle(false);
-      onBlur && onBlur(e);
-    }
-  }, {
-    key: "getPopupHandlers",
-    value: function getPopupHandlers(methods) {
-      var togglePopup = methods.togglePopup;
-      this.togglePopup = togglePopup;
-    }
-  }, {
-    key: "handleDropBoxOpen",
-    value: function handleDropBoxOpen() {
-      var isPopupOpen = this.state.isPopupOpen;
-      if (isPopupOpen == false) {
-        this.setState({
-          isPopupOpen: true
-        });
-      }
-    }
-  }, {
-    key: "handleDropBoxClose",
-    value: function handleDropBoxClose() {
-      var isPopupOpen = this.state.isPopupOpen;
-      if (isPopupOpen) {
-        this.setState({
-          isPopupOpen: false
-        });
-      }
-    }
   }, {
     key: "render",
     value: function render() {
-      var _this$props5 = this.props,
-        labelName = _this$props5.labelName,
-        isMandatory = _this$props5.isMandatory,
-        isDateTime = _this$props5.isDateTime,
-        validationMessage = _this$props5.validationMessage,
-        validationPalette = _this$props5.validationPalette,
-        textBoxSize = _this$props5.textBoxSize,
-        textBoxVariant = _this$props5.textBoxVariant,
-        isReadOnly = _this$props5.isReadOnly,
-        value = _this$props5.value,
-        errorType = _this$props5.errorType,
-        isDisabled = _this$props5.isDisabled,
-        title = _this$props5.title,
-        popupGroup = _this$props5.popupGroup,
-        dataId = _this$props5.dataId,
-        validationRuleMessage = _this$props5.validationRuleMessage,
-        validationRulePalette = _this$props5.validationRulePalette,
-        onKeyDown = _this$props5.onKeyDown,
-        infoText = _this$props5.infoText,
-        borderColor = _this$props5.borderColor,
-        fieldSize = _this$props5.fieldSize,
-        datePattern = _this$props5.datePattern,
-        isLocked = _this$props5.isLocked,
-        lockedInfoText = _this$props5.lockedInfoText,
-        lockedValueText = _this$props5.lockedValueText,
-        labelPalette = _this$props5.labelPalette,
-        labelCustomClass = _this$props5.labelCustomClass,
-        htmlId = _this$props5.htmlId,
-        timeZone = _this$props5.timeZone,
-        i18nKeys = _this$props5.i18nKeys,
-        iconOnHover = _this$props5.iconOnHover,
-        customProps = _this$props5.customProps,
-        renderLabelProps = _this$props5.renderLabelProps,
-        needFieldStyle = _this$props5.needFieldStyle;
+      var _this$props3 = this.props,
+        labelName = _this$props3.labelName,
+        isMandatory = _this$props3.isMandatory,
+        isDateTime = _this$props3.isDateTime,
+        validationMessage = _this$props3.validationMessage,
+        validationPalette = _this$props3.validationPalette,
+        textBoxSize = _this$props3.textBoxSize,
+        textBoxVariant = _this$props3.textBoxVariant,
+        isReadOnly = _this$props3.isReadOnly,
+        value = _this$props3.value,
+        errorType = _this$props3.errorType,
+        isDisabled = _this$props3.isDisabled,
+        title = _this$props3.title,
+        popupGroup = _this$props3.popupGroup,
+        dataId = _this$props3.dataId,
+        validationRuleMessage = _this$props3.validationRuleMessage,
+        validationRulePalette = _this$props3.validationRulePalette,
+        onKeyDown = _this$props3.onKeyDown,
+        infoText = _this$props3.infoText,
+        borderColor = _this$props3.borderColor,
+        fieldSize = _this$props3.fieldSize,
+        datePattern = _this$props3.datePattern,
+        isLocked = _this$props3.isLocked,
+        lockedInfoText = _this$props3.lockedInfoText,
+        lockedValueText = _this$props3.lockedValueText,
+        labelPalette = _this$props3.labelPalette,
+        labelCustomClass = _this$props3.labelCustomClass,
+        htmlId = _this$props3.htmlId,
+        timeZone = _this$props3.timeZone,
+        i18nKeys = _this$props3.i18nKeys,
+        iconOnHover = _this$props3.iconOnHover,
+        customProps = _this$props3.customProps,
+        renderLabelProps = _this$props3.renderLabelProps;
       var _customProps$LabelPro = customProps.LabelProps,
         LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
         _customProps$DateWidg = customProps.DateWidgetProps,
@@ -213,18 +138,9 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
         _customProps$Validati2 = customProps.ValidationMessageProps2,
         ValidationMessageProps2 = _customProps$Validati2 === void 0 ? {} : _customProps$Validati2;
       var getAriaId = htmlId ? htmlId : this.getNextId();
-      var _this$state = this.state,
-        isFocused = _this$state.isFocused,
-        isPopupOpen = _this$state.isPopupOpen;
-      var isActive = isPopupOpen || isFocused;
-      return /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
-        hoverType: "bg",
-        isActive: isFocused,
-        isNeedEffect: !isReadOnly && !isDisabled && needFieldStyle ? true : false
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: " ".concat(needFieldStyle ? _FieldsModule["default"].highlightSpace : '', " ").concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : '', " ").concat(_FieldsModule["default"].hover),
-        "data-title": isDisabled ? title : null,
-        onClick: this.handleParentClick
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
+        "data-title": isDisabled ? title : null
       }, labelName && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
         infoText: infoText,
         isLocked: isLocked,
@@ -236,12 +152,12 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
         size: fieldSize === 'small' ? 'small' : 'medium',
         palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
         onClick: isDisabled || isReadOnly ? null : this.handleLabelClick,
-        customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : '', " ").concat(_FieldsModule["default"].labelindex),
+        customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
         dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
       }, LabelProps, {
         id: labelName
       }))), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(needFieldStyle ? _FieldsModule["default"].highlightPosition : _FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
+        className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
       }, isLocked && lockedValueText ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].lockText
       }, lockedValueText) : /*#__PURE__*/_react["default"].createElement(_DateWidget["default"], _extends({
@@ -251,8 +167,6 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
         onSelect: this.handleChange,
         timeZone: timeZone,
         getRef: this.handleGetRef,
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur,
         isReadOnly: isReadOnly,
         value: value,
         popupGroup: popupGroup,
@@ -264,11 +178,7 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
         isEditable: true,
         htmlId: getAriaId,
         i18nKeys: i18nKeys,
-        iconOnHover: iconOnHover,
-        getPopupHandlers: this.getPopupHandlers,
-        onDropBoxOpen: this.handleDropBoxOpen,
-        onDropBoxClose: this.handleDropBoxClose,
-        highlightPosition: needFieldStyle ? true : false
+        iconOnHover: iconOnHover
       }, DateWidgetProps, {
         a11y: {
           ariaLabelledby: labelName
@@ -285,7 +195,7 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
         type: errorType,
         htmlFor: getAriaId,
         dataId: "".concat(dataId, "_ValidationRuleMessage")
-      }, ValidationMessageProps2)))));
+      }, ValidationMessageProps2))));
     }
   }]);
   return DateField;

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

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultProps = void 0;
 var _FieldCommonDefaultProps = require("../../props/FieldCommonDefaultProps");
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var defaultProps = _objectSpread({
   errorType: 'primary',
   openPopupOnMount: false,

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

@@ -7,12 +7,9 @@ exports.propTypes = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FieldCommonPropTypes = require("../../props/FieldCommonPropTypes");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var propTypes = _objectSpread({
   borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
   datePattern: _propTypes["default"].string,

package/lib/form/fields/FieldContainer/FieldContainer.js

@@ -15,10 +15,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 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 _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, _toPropertyKey(descriptor.key), descriptor); } }
+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); } }
 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 _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }

package/lib/form/fields/FieldContainer/props/defaultProps.js

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultProps = void 0;
 var _FieldCommonDefaultProps = require("../../props/FieldCommonDefaultProps");
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var defaultProps = _objectSpread(_objectSpread({}, (0, _FieldCommonDefaultProps.FieldCommonDefaultProps)()), {}, {
   renderProps: {},
   alignContainer: 'vertical'

package/lib/form/fields/FieldContainer/props/propTypes.js

@@ -7,12 +7,9 @@ exports.propTypes = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FieldCommonPropTypes = require("../../props/FieldCommonPropTypes");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var propTypes = _objectSpread(_objectSpread({}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)()), {}, {
   children: _propTypes["default"].node,
   alignContainer: _propTypes["default"].oneOf('vertical', 'baseline'),