@zohodesk/dot 1.0.0-temp-109 → 1.0.0-temp-111

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

@@ -13,14 +13,17 @@ var _MultiSelect = _interopRequireDefault(require("@zohodesk/components/lib/Mult
 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, 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, _toPropertyKey(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); }; }
@@ -42,6 +45,16 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
     _this.onSearch = _this.onSearch.bind(_assertThisInitialized(_this));
     _this.getNextOptions = _this.getNextOptions.bind(_assertThisInitialized(_this));
     _this.getNextId = (0, _IdProvider.getUniqueId)(_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.handleDropBoxClose = _this.handleDropBoxClose.bind(_assertThisInitialized(_this));
+    _this.state = {
+      isFocused: false,
+      isPopupOpen: false
+    };
     return _this;
   }
   _createClass(MultiSelectField, [{
@@ -58,6 +71,12 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
       var _this$props2 = this.props,
         onDropBoxOpen = _this$props2.onDropBoxOpen,
         id = _this$props2.id;
+      var isPopupOpen = this.state.isPopupOpen;
+      if (isPopupOpen == false) {
+        this.setState({
+          isPopupOpen: true
+        });
+      }
       return onDropBoxOpen && onDropBoxOpen(id);
     }
   }, {
@@ -89,6 +108,57 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
       this.multiSelectBox = el;
       getRef && getRef(el, id);
     }
+  }, {
+    key: "handleParentClick",
+    value: function handleParentClick(e) {
+      var needFieldStyle = this.props.needFieldStyle;
+      if (needFieldStyle) {
+        this.multiSelectBox.focus();
+        this.togglePopup(e);
+      }
+    }
+  }, {
+    key: "handleFocusToggle",
+    value: function handleFocusToggle(value) {
+      this.setState({
+        isFocused: value
+      });
+    }
+  }, {
+    key: "handleFocus",
+    value: function handleFocus(e) {
+      var _this$props6 = this.props,
+        onFocus = _this$props6.onFocus,
+        needFieldStyle = _this$props6.needFieldStyle;
+      needFieldStyle && this.handleFocusToggle(true);
+      onFocus && onFocus(e);
+    }
+  }, {
+    key: "handleBlur",
+    value: function handleBlur(e) {
+      var _this$props7 = this.props,
+        onBlur = _this$props7.onBlur,
+        needFieldStyle = _this$props7.needFieldStyle;
+      needFieldStyle && this.handleFocusToggle(false);
+      onBlur && onBlur(e);
+    }
+  }, {
+    key: "getPopupHandlers",
+    value: function getPopupHandlers(methods) {
+      var togglePopup = methods.togglePopup;
+      this.togglePopup = togglePopup;
+      console.log('togglePopup', togglePopup);
+    }
+  }, {
+    key: "handleDropBoxClose",
+    value: function handleDropBoxClose() {
+      var isPopupOpen = this.state.isPopupOpen;
+      if (isPopupOpen) {
+        this.setState({
+          isPopupOpen: false
+        });
+      }
+    }
 
     // handleLabelClick() {
     //   let { isFocusOnLabelClick } = this.props;
@@ -103,50 +173,51 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props6 = this.props,
-        labelName = _this$props6.labelName,
-        id = _this$props6.id,
-        isMandatory = _this$props6.isMandatory,
-        options = _this$props6.options,
-        selectedOptions = _this$props6.selectedOptions,
-        needSelectAll = _this$props6.needSelectAll,
-        selectAllText = _this$props6.selectAllText,
-        isAnimate = _this$props6.isAnimate,
-        emptyMessage = _this$props6.emptyMessage,
-        size = _this$props6.size,
-        variant = _this$props6.variant,
-        textBoxSize = _this$props6.textBoxSize,
-        animationStyle = _this$props6.animationStyle,
-        validationMessage = _this$props6.validationMessage,
-        validationPalette = _this$props6.validationPalette,
-        isReadOnly = _this$props6.isReadOnly,
-        errorType = _this$props6.errorType,
-        isDisabled = _this$props6.isDisabled,
-        title = _this$props6.title,
-        dataId = _this$props6.dataId,
-        validationRuleMessage = _this$props6.validationRuleMessage,
-        validationRulePalette = _this$props6.validationRulePalette,
-        onKeyDown = _this$props6.onKeyDown,
-        infoText = _this$props6.infoText,
-        borderColor = _this$props6.borderColor,
-        placeHolder = _this$props6.placeHolder,
-        fieldSize = _this$props6.fieldSize,
-        valueField = _this$props6.valueField,
-        textField = _this$props6.textField,
-        isNextOptions = _this$props6.isNextOptions,
-        isSearching = _this$props6.isSearching,
-        popupGroup = _this$props6.popupGroup,
-        labelPalette = _this$props6.labelPalette,
-        palette = _this$props6.palette,
-        lockedInfoText = _this$props6.lockedInfoText,
-        isLocked = _this$props6.isLocked,
-        htmlId = _this$props6.htmlId,
-        children = _this$props6.children,
-        customChildrenClass = _this$props6.customChildrenClass,
-        onFocus = _this$props6.onFocus,
-        customProps = _this$props6.customProps,
-        i18nKeys = _this$props6.i18nKeys,
-        renderLabelProps = _this$props6.renderLabelProps;
+      var _this$props8 = this.props,
+        labelName = _this$props8.labelName,
+        id = _this$props8.id,
+        isMandatory = _this$props8.isMandatory,
+        options = _this$props8.options,
+        selectedOptions = _this$props8.selectedOptions,
+        needSelectAll = _this$props8.needSelectAll,
+        selectAllText = _this$props8.selectAllText,
+        isAnimate = _this$props8.isAnimate,
+        emptyMessage = _this$props8.emptyMessage,
+        size = _this$props8.size,
+        variant = _this$props8.variant,
+        textBoxSize = _this$props8.textBoxSize,
+        animationStyle = _this$props8.animationStyle,
+        validationMessage = _this$props8.validationMessage,
+        validationPalette = _this$props8.validationPalette,
+        isReadOnly = _this$props8.isReadOnly,
+        errorType = _this$props8.errorType,
+        isDisabled = _this$props8.isDisabled,
+        title = _this$props8.title,
+        dataId = _this$props8.dataId,
+        validationRuleMessage = _this$props8.validationRuleMessage,
+        validationRulePalette = _this$props8.validationRulePalette,
+        onKeyDown = _this$props8.onKeyDown,
+        infoText = _this$props8.infoText,
+        borderColor = _this$props8.borderColor,
+        placeHolder = _this$props8.placeHolder,
+        fieldSize = _this$props8.fieldSize,
+        valueField = _this$props8.valueField,
+        textField = _this$props8.textField,
+        isNextOptions = _this$props8.isNextOptions,
+        isSearching = _this$props8.isSearching,
+        popupGroup = _this$props8.popupGroup,
+        labelPalette = _this$props8.labelPalette,
+        palette = _this$props8.palette,
+        lockedInfoText = _this$props8.lockedInfoText,
+        isLocked = _this$props8.isLocked,
+        htmlId = _this$props8.htmlId,
+        children = _this$props8.children,
+        customChildrenClass = _this$props8.customChildrenClass,
+        onFocus = _this$props8.onFocus,
+        customProps = _this$props8.customProps,
+        i18nKeys = _this$props8.i18nKeys,
+        renderLabelProps = _this$props8.renderLabelProps,
+        needFieldStyle = _this$props8.needFieldStyle;
       var _customProps$LabelPro = customProps.LabelProps,
         LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
         _customProps$MultiSel = customProps.MultiSelectProps,
@@ -157,9 +228,18 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
         ValidationMessageProps2 = _customProps$Validati2 === void 0 ? {} : _customProps$Validati2;
       var isDarkPalette = palette === 'dark';
       var uniqueId = htmlId ? htmlId : this.getNextId();
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
-        "data-title": isDisabled ? title : null
+      var _this$state = this.state,
+        isFocused = _this$state.isFocused,
+        isPopupOpen = _this$state.isPopupOpen;
+      // let 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 : ''),
+        "data-title": isDisabled ? title : null,
+        onClick: this.handleParentClick
       }, labelName && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
         infoText: infoText,
         isLocked: isLocked,
@@ -173,8 +253,8 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
         // onClick={this.handleLabelClick}
         ,
         customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
-        dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
-        htmlFor: uniqueId
+        dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
+        // htmlFor={uniqueId}
       }, LabelProps))), /*#__PURE__*/_react["default"].createElement(_MultiSelect["default"], _extends({
         options: options,
         onChange: this.handleChange,
@@ -205,8 +285,13 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
         palette: palette,
         i18nKeys: i18nKeys,
         htmlId: uniqueId,
-        customChildrenClass: customChildrenClass,
-        onFocus: onFocus
+        customChildrenClass: customChildrenClass
+        // onFocus={onFocus}
+        ,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        getPublicMethods: this.getPopupHandlers,
+        isPadding: needFieldStyle ? true : false
       }, MultiSelectProps, {
         ariaLabelledby: uniqueId
       }), children ? children : null), validationMessage && /*#__PURE__*/_react["default"].createElement(_ValidationMessage["default"], _extends({
@@ -221,7 +306,7 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
         type: errorType,
         dataId: "".concat(dataId, "_ValidationRuleMessage"),
         htmlFor: uniqueId
-      }, ValidationMessageProps2)));
+      }, ValidationMessageProps2))));
     }
   }]);
   return MultiSelectField;

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

@@ -5,9 +5,12 @@ 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
 var defaultProps = _objectSpread({
   errorType: 'primary',
   isAnimate: false,

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

@@ -7,9 +7,12 @@ 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
 var propTypes = _objectSpread({
   animationStyle: _propTypes["default"].string,
   borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'dark']),

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

@@ -19,8 +19,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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, 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, _toPropertyKey(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); }; }
@@ -117,6 +119,7 @@ var PhoneField = /*#__PURE__*/function (_PureComponent) {
         onCall = _this$props2.onCall,
         ePhiData = _this$props2.ePhiData,
         type = _this$props2.type,
+        needFieldStyle = _this$props2.needFieldStyle,
         customProps = _this$props2.customProps;
       var _customProps$TextBoxF = customProps.TextBoxFieldProps,
         TextBoxFieldProps = _customProps$TextBoxF === void 0 ? {} : _customProps$TextBoxF,
@@ -169,7 +172,8 @@ var PhoneField = /*#__PURE__*/function (_PureComponent) {
         labelPalette: labelPalette,
         labelCustomClass: labelCustomClass,
         errorType: errorType,
-        ePhiData: ePhiData
+        ePhiData: ePhiData,
+        needFieldStyle: needFieldStyle
       }, TextBoxFieldProps))), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, isTelephony && value ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
         className: _FieldsModule["default"].phoneIcon,
         callfrom: "phone",

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

@@ -17,6 +17,7 @@ var defaultProps = {
   labelPalette: 'default',
   labelCustomClass: '',
   i18nKeys: {},
-  customProps: {}
+  customProps: {},
+  needFieldStyle: false
 };
 exports.defaultProps = defaultProps;

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

@@ -17,8 +17,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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, 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, _toPropertyKey(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); }; }
@@ -78,7 +80,7 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
         _customProps$Validati2 = customProps.ValidationMessageProps2,
         ValidationMessageProps2 = _customProps$Validati2 === void 0 ? {} : _customProps$Validati2;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
+        className: "".concat(_FieldsModule["default"].container, " ").concat(!isDisabled && !isReadOnly && _FieldsModule["default"].radiobdExxect, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
         "data-title": isDisabled ? title : null
       }, labelName && /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,