@zohodesk/dot 1.0.0-temp-206.2 → 1.0.0-temp-200.4

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";
 const options = [{
   text: 'Chennai',
   value: '1'

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/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/TagsMultiSelect.module.css

@@ -1,116 +1,116 @@
-.container {
-  position: relative;
-}
-.tag {
-  max-width: 100% ;
-}
-[dir=ltr] .moreLess, [dir=ltr] .tag {
-  margin: 0 var(--zd_size6) var(--zd_size6) 0 ;
-}
-[dir=rtl] .moreLess, [dir=rtl] .tag {
-  margin: 0 0 var(--zd_size6) var(--zd_size6) ;
-}
-.input {
-  height: var(--zd_size20) ;
-  width: 100% ;
-  margin-bottom: var(--zd_size4) ;
-}
-.viewpopNew {
-  max-height: var(--zd_size250) ;
-}
-.tagDiv {
-  max-height: var(--zd_size160) ;
-  margin-top: var(--zd_size5) ;
-}
-.hasBorder {
-  transition: border var(--zd_transition2) linear 0s;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-}
-.borderColor_transparent {
-  border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
-}
-.borderColor_transparent:hover {
-  border-bottom-color: var(--zdt_tagsmultiselect_transparent_hover_border);
-}
-.borderColor_transparent.active {
-  border-bottom-color: var(--zdt_tagsmultiselect_transparent_active_border);
-}
-.borderColor_default {
-  border-bottom-color: var(--zdt_tagsmultiselect_default_border);
-}
-.borderColor_default:hover {
-  border-bottom-color: var(--zdt_tagsmultiselect_default_hover_border);
-}
-.borderColor_default.active {
-  border-bottom-color: var(--zdt_tagsmultiselect_default_active_border);
-}
-.borderColor_dark {
-  border-bottom-color: var(--zdt_tagsmultiselect_dark_border);
-}
-.borderColor_dark:hover {
-  border-bottom-color: var(--zdt_tagsmultiselect_dark_hover_border);
-}
-.borderColor_dark.active {
-  border-bottom-color: var(--zdt_tagsmultiselect_dark_active_border);
-}
-.moreLess {
-  color: var(--zdt_tagsmultiselect_more_text);
-  font-size: var(--zd_font_size13) ;
-  cursor: pointer;
-}
-.moreLess:hover {
-  color: var(--zdt_tagsmultiselect_more_hover_text);
-}
-.inputWrapper {
-  position: relative;
-  max-width: 100% ;
-  min-width: var(--zd_size5) ;
-  font-size: 0 ;
-}
-.newTagLabel {
-  color: var(--zdt_tagsmultiselect_labelt_text);
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
-}
-[dir=ltr] .newTagLabel {
-  margin-right: var(--zd_size5) ;
-}
-[dir=rtl] .newTagLabel {
-  margin-left: var(--zd_size5) ;
-}
-.dotted {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-.dropdown {
-  margin-top: var(--zd_size1) ;
-}
-.custmSpan {
-  height: var(--zd_size25) ;
-  display: inline-block;
-  vertical-align: middle;
-  opacity: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  max-width: 100% ;
-  visibility: hidden;
-}
-[dir=ltr] .custmSpan {
-  padding-right: var(--zd_size28) ;
-}
-[dir=rtl] .custmSpan {
-  padding-left: var(--zd_size28) ;
-}
-.custmInp {
-  position: absolute;
-  top: 0 ;
-  width: 100% ;
-}
-[dir=ltr] .custmInp {
-  left: 0 ;
-}
-[dir=rtl] .custmInp {
-  right: 0 ;
-}
-.newTagText {
-  color: var(--zdt_tagsmultiselect_more_text);
-}
+.container {
+  position: relative;
+}
+.tag {
+  max-width: 100% ;
+}
+[dir=ltr] .moreLess, [dir=ltr] .tag {
+  margin: 0 var(--zd_size6) var(--zd_size6) 0 ;
+}
+[dir=rtl] .moreLess, [dir=rtl] .tag {
+  margin: 0 0 var(--zd_size6) var(--zd_size6) ;
+}
+.input {
+  height: var(--zd_size20) ;
+  width: 100% ;
+  margin-bottom: var(--zd_size4) ;
+}
+.viewpopNew {
+  max-height: var(--zd_size250) ;
+}
+.tagDiv {
+  max-height: var(--zd_size160) ;
+  margin-top: var(--zd_size5) ;
+}
+.hasBorder {
+  transition: border var(--zd_transition2) linear 0s;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.borderColor_transparent {
+  border-bottom-color: var(--zdt_tagsmultiselect_transparent_border);
+}
+.borderColor_transparent:hover {
+  border-bottom-color: var(--zdt_tagsmultiselect_transparent_hover_border);
+}
+.borderColor_transparent.active {
+  border-bottom-color: var(--zdt_tagsmultiselect_transparent_active_border);
+}
+.borderColor_default {
+  border-bottom-color: var(--zdt_tagsmultiselect_default_border);
+}
+.borderColor_default:hover {
+  border-bottom-color: var(--zdt_tagsmultiselect_default_hover_border);
+}
+.borderColor_default.active {
+  border-bottom-color: var(--zdt_tagsmultiselect_default_active_border);
+}
+.borderColor_dark {
+  border-bottom-color: var(--zdt_tagsmultiselect_dark_border);
+}
+.borderColor_dark:hover {
+  border-bottom-color: var(--zdt_tagsmultiselect_dark_hover_border);
+}
+.borderColor_dark.active {
+  border-bottom-color: var(--zdt_tagsmultiselect_dark_active_border);
+}
+.moreLess {
+  color: var(--zdt_tagsmultiselect_more_text);
+  font-size: var(--zd_font_size13) ;
+  cursor: pointer;
+}
+.moreLess:hover {
+  color: var(--zdt_tagsmultiselect_more_hover_text);
+}
+.inputWrapper {
+  position: relative;
+  max-width: 100% ;
+  min-width: var(--zd_size5) ;
+  font-size: 0 ;
+}
+.newTagLabel {
+  color: var(--zdt_tagsmultiselect_labelt_text);
+  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+}
+[dir=ltr] .newTagLabel {
+  margin-right: var(--zd_size5) ;
+}
+[dir=rtl] .newTagLabel {
+  margin-left: var(--zd_size5) ;
+}
+.dotted {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+.dropdown {
+  margin-top: var(--zd_size1) ;
+}
+.custmSpan {
+  height: var(--zd_size25) ;
+  display: inline-block;
+  vertical-align: middle;
+  opacity: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 100% ;
+  visibility: hidden;
+}
+[dir=ltr] .custmSpan {
+  padding-right: var(--zd_size28) ;
+}
+[dir=rtl] .custmSpan {
+  padding-left: var(--zd_size28) ;
+}
+.custmInp {
+  position: absolute;
+  top: 0 ;
+  width: 100% ;
+}
+[dir=ltr] .custmInp {
+  left: 0 ;
+}
+[dir=rtl] .custmInp {
+  right: 0 ;
+}
+.newTagText {
+  color: var(--zdt_tagsmultiselect_more_text);
+}

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 */
@@ -89,11 +89,7 @@ export default class TextEditor extends Component {
         needCustomPaste: function (event, editorObj) {
           return true; // By default reply editor needs customPaste, so returning true.
         },
-        htmlVersion: '<!Doctype html>',
-        customBodyAttributes: {
-          'aria-multiline': 'true',
-          'tabindex': '0'
-        }
+        htmlVersion: '<!Doctype html>'
       };
 
       if (!customInitOption) {
@@ -242,8 +238,7 @@ export default class TextEditor extends Component {
         link.innerText = "body{font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 0}.scroll{--zd-scroll-width:12px;--zd-scroll-height:12px;--zd-scroll-bg:rgba(255,255,255,0.1);--zd-scroll-corner-bg:transparent;--zd-scroll-thump:rgba(44,51,77,0.2);--zd-scroll-thump-hoverbg:rgba(44,51,77,0.3);--zd-scroll-border:rgba(44,51,77,0.1)}.scroll[data-scroll-palette='dark'],.scroll [data-scroll-palette='dark']{--zd-scroll-thump:rgba(255,255,255,0.2);--zd-scroll-thump-hoverbg:rgba(255,255,255,0.4);--zd-scroll-border:rgba(255,255,255,0.07)}.scroll,.scroll *{scrollbar-color:var(--zd-scroll-thump) var(--zd-scroll-bg);scrollbar-width:thin;-ms-scrollbar-highlight-color:var(--zd-scroll-bg);-ms-scrollbar-face-color:var(--zd-scroll-thump)}.scroll::-webkit-scrollbar,.scroll ::-webkit-scrollbar{background:var(--zd-scroll-corner-bg)}.scroll::-webkit-scrollbar:hover,.scroll ::-webkit-scrollbar:hover{background:var(--zd-scroll-bg)}.scroll::-webkit-scrollbar:horizontal,.scroll ::-webkit-scrollbar:horizontal{height:var(--zd-scroll-height)}.scroll::-webkit-scrollbar:vertical,.scroll ::-webkit-scrollbar:vertical{width:var(--zd-scroll-width)}.scroll::-webkit-scrollbar-button,.scroll ::-webkit-scrollbar-button{display:none;width:0;height:0}.scroll::-webkit-scrollbar-track:vertical,.scroll ::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}.scroll::-webkit-scrollbar-track:vertical:hover,.scroll ::-webkit-scrollbar-track:vertical:hover{border-color:var(--zd-scroll-border)}.scroll::-webkit-scrollbar-track:horizontal,.scroll ::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}.scroll::-webkit-scrollbar-track:horizontal:hover,.scroll ::-webkit-scrollbar-track:horizontal:hover{border-color:var(--zd-scroll-border)}.scroll::-webkit-scrollbar-track-piece,.scroll ::-webkit-scrollbar-track-piece{background:inherit}.scroll::-webkit-scrollbar-thumb,.scroll ::-webkit-scrollbar-thumb{border-radius:10px;background:var(--zd-scroll-thump);background-clip:padding-box;border:3px solid transparent}.scroll::-webkit-scrollbar-thumb:hover,.scroll ::-webkit-scrollbar-thumb:hover{background:var(--zd-scroll-thump-hoverbg);background-clip:padding-box;border:3px solid transparent}.scroll::-webkit-scrollbar-corner,.scroll ::-webkit-scrollbar-corner{background:var(--zd-scroll-corner-bg)}.scroll::-webkit-resizer,.scroll::-webkit-resizer{background:inherit}";
         iframeHead.appendChild(link);
         iframe.classList.add('scroll');
-      } // iframe.setAttribute('aria-multiline', 'true');
-
+      }
 
       let customStyleTag = document.createElement('style');
       customStyleTag.type = 'text/css';

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 {

package/es/form/fields/TextareaField/TextareaField.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 Textarea from '@zohodesk/components/lib/Textarea/Textarea';
-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 TextareaField extends PureComponent {
   constructor(props) {
     super(props);

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

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

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

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

package/es/form/fields/TextareaField/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 = {
   animated: PropTypes.bool,
   borderColor: PropTypes.oneOf(['transparent', 'default']),

package/es/form/fields/ValidationMessage/ValidationMessage.js

@@ -1,9 +1,9 @@
 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 Label from '@zohodesk/components/lib/Label/Label';
 import colors from '@zohodesk/components/lib/Label/LabelColors.module.css';
-import style from './ValidationMessage.module.css';
+import style from "./ValidationMessage.module.css";
 import { Icon } from '@zohodesk/icons';
 export default class ValidationMessage extends React.Component {
   render() {

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

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