@zohodesk/dot 1.4.16 → 1.4.18

package/es/form/fields/CheckBoxField/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   errorType: 'primary',
   fieldSize: 'medium',

package/es/form/fields/CheckBoxField/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 export const propTypes = {
   checked: PropTypes.bool,
   direction: PropTypes.oneOf(['row', 'column']),

package/es/form/fields/CurrencyField/CurrencyField.js

@@ -1,17 +1,17 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
 import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import FieldContainer from "../FieldContainer/FieldContainer";
 /**** CSS ****/
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class CurrencyField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/CurrencyField/__tests__/CurrencyField.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import CurrencyField from '../CurrencyField';
+import CurrencyField from "../CurrencyField";
 describe('CurrencyField', () => {
   test('rendering the defult props', () => {
     const {

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

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   errorType: 'primary',
   textBoxSize: 'xmedium',

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

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 export const propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),
   errorType: PropTypes.oneOf(['primary', 'secondary']),

package/es/form/fields/DateField/DateField.js

@@ -1,17 +1,17 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
 import DateWidget from '@zohodesk/components/lib/DateTime/DateWidget';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import FieldContainer from "../FieldContainer/FieldContainer";
 /**** CSS ****/
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class DateField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/DateField/__tests__/DateField.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import DateField from '../DateField';
+import DateField from "../DateField";
 describe('DateField', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap

@@ -60,7 +60,7 @@ exports[`DateField rendering the defult props 1`] = `
                   data-test-id="boxComponent"
                 >
                   <div
-                    class="flex cover coldir both"
+                    class="datePickIcon inflex coldir both"
                     data-id="dateField(formatted_undefined)_datePicker"
                     data-selector-id="container"
                     data-test-id="dateField(formatted_undefined)_datePicker"

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

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   errorType: 'primary',
   openPopupOnMount: false,

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

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 export const propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),
   datePattern: PropTypes.string,

package/es/form/fields/FieldContainer/FieldContainer.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import { Container } from '@zohodesk/components/lib/Layout';
@@ -10,7 +10,7 @@ import { Container } from '@zohodesk/components/lib/Layout';
 import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class FieldContainer extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/FieldContainer/__tests__/FieldContainer.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import FieldContainer from '../FieldContainer';
+import FieldContainer from "../FieldContainer";
 describe('FieldContainer', () => {
   test('rendering the defult props', () => {
     const {

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

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = { ...FieldCommonDefaultProps(),
   renderProps: {},
   alignContainer: 'vertical',

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

@@ -201,3 +201,20 @@
 [dir=rtl] .ePhiTag {
   margin-right: var(--zd_size8) ;
 }
+
+.hasChildren{
+position: relative;
+}
+
+.rightPlaceholder{
+  position: absolute;
+  bottom:var(--zd_size4) 
+}
+
+[dir=ltr] .rightPlaceholder{
+  right:var(--zd_size15) 
+}
+
+[dir=rtl] .rightPlaceholder{
+  left:var(--zd_size15) 
+}

package/es/form/fields/MultiSelectField/MultiSelectField.js

@@ -1,17 +1,17 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
 import MultiSelect from '@zohodesk/components/lib/MultiSelect/MultiSelect';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import FieldContainer from "../FieldContainer/FieldContainer";
 /** CSS */
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class MultiSelectField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/MultiSelectField/__tests__/MultiSelectField.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import MultiSelectField from '../MultiSelectField';
+import MultiSelectField from "../MultiSelectField";
 describe('MultiSelectField', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap

@@ -75,7 +75,7 @@ exports[`MultiSelectField rendering the defult props 1`] = `
                   data-test-id="boxComponent"
                 >
                   <div
-                    class="flex cover rowdir vCenter"
+                    class="rightPlaceholder inflex rowdir vCenter"
                     data-id="containerComponent"
                     data-selector-id="container"
                     data-test-id="containerComponent"

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

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   errorType: 'primary',
   isAnimate: false,

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

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 export const propTypes = {
   animationStyle: PropTypes.string,
   borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),

package/es/form/fields/PhoneField/PhoneField.js

@@ -1,17 +1,17 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import TextBoxField from '../TextBoxField/TextBoxField';
-import Link from '../../../Link/Link';
+import TextBoxField from "../TextBoxField/TextBoxField";
+import Link from "../../../Link/Link";
 /**** CSS ****/
 
-import style from '../Fields.module.css';
-import { formatPhoneUrl } from '../../../utils/General';
+import style from "../Fields.module.css";
+import { formatPhoneUrl } from "../../../utils/General";
 export default class PhoneField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/PhoneField/__tests__/PhoneField.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import PhoneField from '../PhoneField';
+import PhoneField from "../PhoneField";
 describe('PhoneField', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/RadioField/RadioField.js

@@ -1,16 +1,16 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Icon from '@zohodesk/icons/es/Icon';
 import Label from '@zohodesk/components/lib/Label/Label';
 import Radio from '@zohodesk/components/lib/Radio/Radio';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
 /** Css */
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class RadioField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/RadioField/__tests__/RadioField.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import RadioField from '../RadioField';
+import RadioField from "../RadioField";
 describe('RadioField', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/SelectField/SelectField.js

@@ -1,19 +1,19 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
 import Select from '@zohodesk/components/lib/Select/Select';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import FieldContainer from "../FieldContainer/FieldContainer";
 /**** props ****/
 
 /** CSS */
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class SelectField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/SelectField/__tests__/SelectField.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import SelectField from '../SelectField';
+import SelectField from "../SelectField";
 describe('SelectField', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap

@@ -71,7 +71,7 @@ exports[`SelectField rendering the defult props 1`] = `
                   data-test-id="boxComponent"
                 >
                   <div
-                    class="flex cover rowdir both"
+                    class="rightPlaceholder inflex rowdir both"
                     data-id="containerComponent"
                     data-selector-id="container"
                     data-test-id="containerComponent"

package/es/form/fields/SelectField/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   errorType: 'primary',
   needSearch: false,

package/es/form/fields/SelectField/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 export const propTypes = {
   animationStyle: PropTypes.string,
   borderColor: PropTypes.oneOf(['transparent', 'default']),

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import Tag from '@zohodesk/components/lib/Tag/Tag';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
@@ -8,13 +8,13 @@ import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import DropDownSeparator from '@zohodesk/components/lib/DropDown/DropDownSeparator';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
+import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import MultiSelectHeader from '@zohodesk/components/lib/MultiSelect/MultiSelectHeader';
-import { stopBubbling } from '../../../utils/General';
+import { stopBubbling } from "../../../utils/General";
 import { scrollTo, findScrollEnd } from '@zohodesk/components/lib/utils/Common.js';
-import style from './TagsMultiSelect.module.css';
+import style from "./TagsMultiSelect.module.css";
 export default class TagsMultiSelect extends React.Component {
   constructor(props) {
     super(props);

package/es/form/fields/TagsMultiSelect/__tests__/TagsMultiSelect.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TagsMultiSelect from '../TagsMultiSelect';
+import TagsMultiSelect from "../TagsMultiSelect";
 describe('TagsMultiSelect', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -1,16 +1,16 @@
 import React, { useState, useEffect } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Box } from '@zohodesk/components/lib/Layout';
 import Label from '@zohodesk/components/lib/Label/Label';
 import Popup from '@zohodesk/components/lib/Popup/Popup';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
-import TagsMultiSelect from '../TagsMultiSelect/TagsMultiSelect';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
+import TagsMultiSelect from "../TagsMultiSelect/TagsMultiSelect";
+import FieldContainer from "../FieldContainer/FieldContainer";
 /**** css ****/
 
-import fieldStyle from '../Fields.module.css';
-import style from './TagsMultiSelectField.module.css';
+import fieldStyle from "../Fields.module.css";
+import style from "./TagsMultiSelectField.module.css";
 
 const TagsMultiSelectField = props => {
   const [selectedSuggestionIndex, updateSelectedSuggestionIndex] = useState(0);

package/es/form/fields/TagsMultiSelectField/__tests__/TagsMultiSelectField.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TagsMultiSelectField from '../TagsMultiSelectField';
+import TagsMultiSelectField from "../TagsMultiSelectField";
 describe('TagsMultiSelectField', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/TagsMultiSelectField/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   fieldProperties: {
     isDisabled: false,

package/es/form/fields/TagsMultiSelectField/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 export const propTypes = {
   fieldProperties: PropTypes.shape({
     id: PropTypes.string.isRequired,

package/es/form/fields/TextBoxField/TextBoxField.js

@@ -1,17 +1,17 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import FieldContainer from "../FieldContainer/FieldContainer";
 /**** CSS ****/
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class TextBoxField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/TextBoxField/__tests__/TextBoxField.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TextBoxField from '../TextBoxField';
+import TextBoxField from "../TextBoxField";
 describe('TextBoxField', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/TextBoxField/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   errorType: 'primary',
   textBoxSize: 'xmedium',

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

@@ -1,4 +1,4 @@
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 import PropTypes from 'prop-types';
 export const propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),

package/es/form/fields/TextEditor/TextEditor.js

@@ -1,16 +1,16 @@
 /***** Libraries *****/
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import selectn from 'selectn';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /***** Methods *****/
 
-import { bind, editorContentValidate, fixEncoding, isFileNameSizeInvalid, isImageFormat, triggerKeyup, getRichEditorContent, changeContent, validateEditorContentOnInsertHtml, loadResource } from '../../../utils/editorUtils'; //import './ZohoDeskEditor_Init';
+import { bind, editorContentValidate, fixEncoding, isFileNameSizeInvalid, isImageFormat, triggerKeyup, getRichEditorContent, changeContent, validateEditorContentOnInsertHtml, loadResource } from "../../../utils/editorUtils"; //import './ZohoDeskEditor_Init';
 
 /***** components *****/
 
-import styles from './TextEditor.module.css';
+import styles from "./TextEditor.module.css";
 /* eslint-disable camelcase */
 
 /* eslint-disable no-undef */

package/es/form/fields/TextEditor/__tests__/TextEditor.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TextEditor from '../TextEditor';
+import TextEditor from "../TextEditor";
 describe('TextEditor', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/TextEditorField/TextEditorField.js

@@ -1,16 +1,16 @@
 /**** Libraries ****/
 import React, { PureComponent } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import Label from '@zohodesk/components/lib/Label/Label';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
-import TextEditorWrapper from '../TextEditorWrapper/TextEditorWrapper';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
+import TextEditorWrapper from "../TextEditorWrapper/TextEditorWrapper";
+import FieldContainer from "../FieldContainer/FieldContainer";
 /** Css */
 
-import style from '../Fields.module.css';
+import style from "../Fields.module.css";
 export default class TextEditorField extends PureComponent {
   constructor(props) {
     super(props);

package/es/form/fields/TextEditorField/__tests__/TextEditorField.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TextEditorField from '../TextEditorField';
+import TextEditorField from "../TextEditorField";
 describe('TextEditorField', () => {
   test('rendering the defult props', () => {
     const {

package/es/form/fields/TextEditorField/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
+import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
 export const defaultProps = {
   errorType: 'primary',
   needEditor: true,

package/es/form/fields/TextEditorField/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from '../../props/FieldCommonPropTypes';
+import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
 export const propTypes = {
   dataId: PropTypes.string,
   fieldSize: PropTypes.oneOf(['small', 'medium']),

package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js

@@ -1,13 +1,13 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import TextEditor from '../TextEditor/TextEditor';
+import TextEditor from "../TextEditor/TextEditor";
 import Textarea from '@zohodesk/components/lib/Textarea/Textarea';
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import { editorContentValidate } from '../../../utils/editorUtils';
-import style from './TextEditorWrapper.module.css';
+import { editorContentValidate } from "../../../utils/editorUtils";
+import style from "./TextEditorWrapper.module.css";
 /* eslint-disable react/no-deprecated */
 
 export default class TextEditorWrapper extends Component {

package/es/form/fields/TextEditorWrapper/__tests__/TextEditorWrapper.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import TextEditorWrapper from '../TextEditorWrapper';
+import TextEditorWrapper from "../TextEditorWrapper";
 describe('TextEditorWrapper', () => {
   test('rendering the defult props', () => {
     const {