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

package/lib/form/fields/TextBoxField/TextBoxField.js

@@ -13,17 +13,14 @@ var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/Text
 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); }; }
@@ -42,13 +39,6 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
     _this.handleGetRef = _this.handleGetRef.bind(_assertThisInitialized(_this));
     // this.handleLabelClick = this.handleLabelClick.bind(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.state = {
-      isFocused: false
-    };
     return _this;
   }
   _createClass(TextBoxField, [{
@@ -75,82 +65,45 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
     //   //   this.textBox.focus();
     //   // }
     // }
-  }, {
-    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: "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: "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,
-        onBlur = _this$props5.onBlur,
-        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,
-        onFocus = _this$props5.onFocus,
-        ePhiData = _this$props5.ePhiData,
-        children = _this$props5.children,
-        customProps = _this$props5.customProps,
-        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,
+        onBlur = _this$props3.onBlur,
+        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,
+        onFocus = _this$props3.onFocus,
+        ePhiData = _this$props3.ePhiData,
+        children = _this$props3.children,
+        customProps = _this$props3.customProps,
+        renderLabelProps = _this$props3.renderLabelProps;
       var _customProps$LabelPro = customProps.LabelProps,
         LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
         _customProps$TextBoxI = customProps.TextBoxIconProps,
@@ -160,15 +113,9 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
         _customProps$Validati2 = customProps.ValidationMessageProps2,
         ValidationMessageProps2 = _customProps$Validati2 === void 0 ? {} : _customProps$Validati2;
       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(_FieldsModule["default"].container, " ").concat(needFieldStyle ? _FieldsModule["default"].highlightSpace : '', " ").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,
@@ -180,7 +127,7 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
         text: labelName,
         size: fieldSize === 'small' ? 'small' : 'medium',
         palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-        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 : ''),
         htmlFor: uniqueId,
         dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
       }, LabelProps, {
@@ -199,11 +146,11 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
         value: value,
         onChange: this.handleChange,
         dataId: dataId,
-        onBlur: this.handleBlur,
+        onBlur: onBlur,
         onKeyDown: onKeyDown,
         placeHolder: placeHolder,
         borderColor: borderColor,
-        onFocus: this.handleFocus,
+        onFocus: onFocus,
         isDisabled: isDisabled,
         needEffect: isReadOnly || isDisabled ? false : true,
         isClickable: isClickable,
@@ -224,7 +171,7 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
         type: errorType,
         htmlFor: uniqueId,
         dataId: "".concat(dataId, "_ValidationRuleMessage")
-      }, ValidationMessageProps2)))));
+      }, ValidationMessageProps2))));
     }
   }]);
   return TextBoxField;

package/lib/form/fields/TextBoxField/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({
   labelCustomClass: '',
   isClickable: false,
   needReadOnlyStyle: true,
-  customProps: {},
-  needFieldStyle: false
+  customProps: {}
 }, (0, _FieldCommonDefaultProps.FieldCommonDefaultProps)());
 exports.defaultProps = defaultProps;

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

@@ -7,12 +7,9 @@ exports.propTypes = void 0;
 var _FieldCommonPropTypes = require("../../props/FieldCommonPropTypes");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 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/TextEditor/TextEditor.js

@@ -15,12 +15,10 @@ var _TextEditorModule = _interopRequireDefault(require("./TextEditor.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 _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 _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 _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); }; }