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

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

@@ -13,14 +13,17 @@ 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, 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); }; }
@@ -40,6 +43,17 @@ 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, [{
@@ -93,42 +107,103 @@ 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$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 _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 _customProps$LabelPro = customProps.LabelProps,
         LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
         _customProps$DateWidg = customProps.DateWidgetProps,
@@ -138,9 +213,18 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
         _customProps$Validati2 = customProps.ValidationMessageProps2,
         ValidationMessageProps2 = _customProps$Validati2 === void 0 ? {} : _customProps$Validati2;
       var getAriaId = 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;
+      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
       }, labelName && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
         infoText: infoText,
         isLocked: isLocked,
@@ -152,12 +236,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 : ''),
+        customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : '', " ").concat(_FieldsModule["default"].labelindex),
         dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
       }, LabelProps, {
         id: labelName
       }))), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
+        className: "".concat(needFieldStyle ? _FieldsModule["default"].highlightPosition : _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({
@@ -167,6 +251,8 @@ 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,
@@ -178,7 +264,11 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
         isEditable: true,
         htmlId: getAriaId,
         i18nKeys: i18nKeys,
-        iconOnHover: iconOnHover
+        iconOnHover: iconOnHover,
+        getPopupHandlers: this.getPopupHandlers,
+        onDropBoxOpen: this.handleDropBoxOpen,
+        onDropBoxClose: this.handleDropBoxClose,
+        highlightPosition: needFieldStyle ? true : false
       }, DateWidgetProps, {
         a11y: {
           ariaLabelledby: labelName
@@ -195,7 +285,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,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',
   openPopupOnMount: false,

package/lib/form/fields/DateField/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({
   borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
   datePattern: _propTypes["default"].string,

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

@@ -15,8 +15,10 @@ 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, 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); }; }

package/lib/form/fields/FieldContainer/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(_objectSpread({}, (0, _FieldCommonDefaultProps.FieldCommonDefaultProps)()), {}, {
   renderProps: {},
   alignContainer: 'vertical'

package/lib/form/fields/FieldContainer/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(_objectSpread({}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)()), {}, {
   children: _propTypes["default"].node,
   alignContainer: _propTypes["default"].oneOf('vertical', 'baseline'),

package/lib/form/fields/Fields.module.css

@@ -1,3 +1,25 @@
+.radiobdExxect
+{
+  border-radius: var(--zd_size4);
+  padding:var(--zd_size15);
+
+}
+.radiobdExxect:hover
+{
+  background-color: var(--zdt_rippleeffect_hover_bg);
+}
+.highlightStyle
+{
+  padding:var(--zd_size15);
+}
+.highlightSpace
+{
+  padding:var(--zd_size14);
+}
+.editetSpace
+{
+  padding: var(--zd_size15);
+}
 .container,
 .checkboxFieldContainer {
   position: relative;
@@ -7,6 +29,11 @@
   position: relative;
   min-height: var(--zd_size25);
 }
+.highlightPosition
+{
+  position: static;
+  min-height: var(--zd_size25);
+}
 .fieldMargin_medium {
   margin-top: var(--zd_size5);
 }
@@ -181,3 +208,41 @@
 [dir=rtl] .ePhiTag {
   margin-right: var(--zd_size8);
 }
+
+/* sample css */
+
+/* .hover::before{
+  position: absolute;
+  content: '';
+  bottom: -10px;
+  left: -10px;
+  right: -10px;
+  top: -10px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+} */
+/* .hover{
+  border-radius: 4px;
+  border: 1px solid transparent;
+  padding: 10px;
+}
+.hover:hover
+{
+  background-color: var(--zdt_rippleeffect_hover_bg);
+}
+.hover:focus-within{
+  background-color: var(--zdt_rippleeffect_primary_light_bg);
+  border-color: var(--zdt_rippleeffect_primary_light_border);
+}
+.labelindex
+{
+  z-index: 1;
+  position: relative;
+}
+.position
+{
+  position: relative;
+} */
+
+
+/* sample css */