@zohodesk/dot 1.0.0-temp-197.3 → 1.0.0-temp-195.2

package/es/v1/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/es/v1/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 '../../../../form/fields/TextEditor/TextEditor.module.css';
+import styles from "../../../../form/fields/TextEditor/TextEditor.module.css";
 /* eslint-disable camelcase */
 
 /* eslint-disable no-undef */
@@ -203,8 +203,7 @@ export default class TextEditor extends Component {
     let {
       editorCallback,
       getRef,
-      isCustomScroll,
-      customCSS
+      isCustomScroll
     } = this.props;
     this.setState({
       isEditorLoad: true,
@@ -219,6 +218,18 @@ export default class TextEditor extends Component {
       global.editor[id] = editorObj;
     }
 
+    const css = 'pre {white-space: pre-wrap}',
+          head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
+          style = document.createElement('style');
+    style.type = 'text/css';
+
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(editorObj.doc.createTextNode(css));
+    }
+
+    head.appendChild(style);
     editorCallback && editorCallback(editorObj);
     const iframe = selectn('iframe.contentDocument.body', editorObj) || null;
     const iframeHead = selectn('iframe.contentDocument.head', editorObj) || null;
@@ -234,11 +245,9 @@ export default class TextEditor extends Component {
         iframe.classList.add('scroll');
       }
 
-      let customStyleTag = document.createElement('style');
-      const customizedCSS = `pre {white-space: pre-wrap} ${customCSS}`;
-      const fontCSS = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
-      customStyleTag.innerText = `${customizedCSS} ${fontCSS}`;
-      iframeHead.appendChild(customStyleTag);
+      let customFonts = document.createElement('style');
+      customFonts.innerText = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
+      iframeHead.appendChild(customFonts);
     }
   }
 
@@ -246,26 +255,13 @@ export default class TextEditor extends Component {
     let {
       id,
       setInlineAttachmentInProgress: progress,
-      i18nKeys,
-      inlineImageProps
+      i18nKeys
     } = this.props;
-    const {
-      fileUploadError,
-      fileNotSupported,
-      fileSizeLimitExceed,
-      fileEmptyError,
-      fileNameLimitExceed
-    } = i18nKeys;
-    const {
-      allowedFileExtensions,
-      fileNameMaxCharacters,
-      fileSizeMax
-    } = inlineImageProps;
-
-    if (!isFileNameSizeInvalid(file.name, fileNameMaxCharacters)) {
+
+    if (!isFileNameSizeInvalid(file.name)) {
       if (file.size != 0) {
-        if (file.size <= fileSizeMax) {
-          if (isImageFormat(file.name, allowedFileExtensions)) {
+        if (file.size <= 3 * 1024 * 1024) {
+          if (isImageFormat(file.name)) {
             progress && progress(true);
             this.handleUpload(file).then(res => {
               successCallback(res);
@@ -275,19 +271,19 @@ export default class TextEditor extends Component {
                 triggerKeyup(editorObj.doc);
               }
             }, () => {
-              failureCallback(fileUploadError);
+              failureCallback(i18nKeys.fileUploadError);
             });
           } else {
-            failureCallback(fileNotSupported);
+            failureCallback(i18nKeys.fileNotSupported);
           }
         } else {
-          failureCallback(fileSizeLimitExceed);
+          failureCallback(i18nKeys.fileSizeLimitExceed);
         }
       } else {
-        failureCallback(fileEmptyError);
+        failureCallback(i18nKeys.fileEmptyError);
       }
     } else {
-      failureCallback(fileNameLimitExceed);
+      failureCallback(i18nKeys.fileNameLimitExceed);
     }
   }
 

package/es/v1/form/fields/TextEditor/props/defaultProps.js

@@ -9,11 +9,5 @@ export const defaultProps = {
   needInlineAttachment: false,
   isNightMode: false,
   isReadOnly: false,
-  dataSelectorId: 'textEditor',
-  customCSS: '',
-  inlineImageProps: {
-    allowedFileExtensions: ["jpeg", "jpg", "png", "gif", "bmp", "ico"],
-    fileNameMaxCharacters: 200,
-    fileSizeMax: 3 * 1024 * 1024
-  }
+  dataSelectorId: 'textEditor'
 };

package/es/v1/form/fields/TextEditor/props/propTypes.js

@@ -42,10 +42,5 @@ export const propTypes = {
   getCSRFCookie: PropTypes.string,
   isEditorDefaultOpen: PropTypes.bool,
   toggleEdit: PropTypes.func,
-  dataSelectorId: PropTypes.string,
-  inlineImageProps: {
-    allowedFileExtensions: PropTypes.array,
-    fileNameMaxCharacters: PropTypes.number,
-    fileSizeMax: PropTypes.number
-  }
+  dataSelectorId: PropTypes.string
 };

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

@@ -1,16 +1,16 @@
 /**** Libraries ****/
 import React, { memo, useRef } 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/es/v1/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 '../../../../form/fields/Fields.module.css';
+import style from "../../../../form/fields/Fields.module.css";
 
 const TextEditorField = props => {
   const {

package/es/v1/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/v1/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/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js

@@ -1,14 +1,14 @@
 import React, { useState } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
 import useEffectCallOnlyAfterState from '@zohodesk/hooks/es/utils/useEffectCallOnlyAfterState';
-import TextEditor from '../TextEditor/TextEditor';
+import TextEditor from "../TextEditor/TextEditor";
 import Textarea from '@zohodesk/components/es/v1/Textarea/Textarea';
 import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import { editorContentValidate } from '../../../../utils/editorUtils';
-import style from './../../../../form/fields/TextEditorWrapper/TextEditorWrapper.module.css';
+import { editorContentValidate } from "../../../../utils/editorUtils";
+import style from "./../../../../form/fields/TextEditorWrapper/TextEditorWrapper.module.css";
 /* eslint-disable react/no-deprecated */
 
 const TextEditorWrapper = props => {

package/es/v1/form/fields/TextareaField/TextareaField.js

@@ -1,17 +1,17 @@
 /**** Libraries ****/
 import React, { memo } 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/es/v1/Label/Label';
 import Textarea from '@zohodesk/components/es/v1/Textarea/Textarea';
-import ValidationMessage from '../ValidationMessage/ValidationMessage';
+import ValidationMessage from "../ValidationMessage/ValidationMessage";
 import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
-import FieldContainer from '../FieldContainer/FieldContainer';
+import FieldContainer from "../FieldContainer/FieldContainer";
 /**** CSS ****/
 
-import style from '../../../../form/fields/Fields.module.css';
+import style from "../../../../form/fields/Fields.module.css";
 
 const TextareaField = props => {
   const {

package/es/v1/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/v1/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/v1/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/es/v1/Label/Label';
 import colors from '@zohodesk/components/es/Label/LabelColors.module.css';
-import style from '../../../../form/fields/ValidationMessage/ValidationMessage.module.css';
+import style from "../../../../form/fields/ValidationMessage/ValidationMessage.module.css";
 import { Icon } from '@zohodesk/icons';
 
 const ValidationMessage = props => {

package/es/v1/form/fields/index.js

@@ -1,16 +1,16 @@
-export { default as CheckBoxField } from './CheckBoxField/CheckBoxField';
-export { default as CurrencyField } from './CurrencyField/CurrencyField';
-export { default as DateField } from './DateField/DateField';
-export { default as FieldContainer } from './FieldContainer/FieldContainer';
-export { default as MultiSelectField } from './MultiSelectField/MultiSelectField';
-export { default as PhoneField } from './PhoneField/PhoneField';
-export { default as RadioField } from './RadioField/RadioField';
-export { default as SelectField } from './SelectField/SelectField';
-export { default as TagsMultiSelect } from './TagsMultiSelect/TagsMultiSelect';
-export { default as TagsMultiSelectField } from './TagsMultiSelectField/TagsMultiSelectField';
-export { default as TextareaField } from './TextareaField/TextareaField';
-export { default as TextBoxField } from './TextBoxField/TextBoxField';
-export { default as TextEditor } from './TextEditor/TextEditor';
-export { default as TextEditorField } from './TextEditorField/TextEditorField';
-export { default as TextEditorWrapper } from './TextEditorWrapper/TextEditorWrapper';
-export { default as ValidationMessage } from './ValidationMessage/ValidationMessage';
+export { default as CheckBoxField } from "./CheckBoxField/CheckBoxField";
+export { default as CurrencyField } from "./CurrencyField/CurrencyField";
+export { default as DateField } from "./DateField/DateField";
+export { default as FieldContainer } from "./FieldContainer/FieldContainer";
+export { default as MultiSelectField } from "./MultiSelectField/MultiSelectField";
+export { default as PhoneField } from "./PhoneField/PhoneField";
+export { default as RadioField } from "./RadioField/RadioField";
+export { default as SelectField } from "./SelectField/SelectField";
+export { default as TagsMultiSelect } from "./TagsMultiSelect/TagsMultiSelect";
+export { default as TagsMultiSelectField } from "./TagsMultiSelectField/TagsMultiSelectField";
+export { default as TextareaField } from "./TextareaField/TextareaField";
+export { default as TextBoxField } from "./TextBoxField/TextBoxField";
+export { default as TextEditor } from "./TextEditor/TextEditor";
+export { default as TextEditorField } from "./TextEditorField/TextEditorField";
+export { default as TextEditorWrapper } from "./TextEditorWrapper/TextEditorWrapper";
+export { default as ValidationMessage } from "./ValidationMessage/ValidationMessage";

package/es/v1/form/layout/Field/Field.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from '../../../../form/layout/Field/Field.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "../../../../form/layout/Field/Field.module.css";
 
 const Field = props => {
   const {

package/es/v1/form/layout/Section/Section.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from '../../../../form/layout/Section/ModuleFormSection.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "../../../../form/layout/Section/ModuleFormSection.module.css";
 
 const Section = props => {
   const {

package/es/v1/form/layout/index.js

@@ -1,2 +1,2 @@
-export { default as Field } from './Field/Field';
-export { default as Section } from './Section/Section';
+export { default as Field } from "./Field/Field";
+export { default as Section } from "./Section/Section";

package/es/v1/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -1,9 +1,9 @@
 import React, { useState } from 'react';
-import { SetupDetailLayout_defaultProps, SetupHeader_defaultProps, SetupContent_defaultProps, SetupFooter_defaultProps } from './props/defaultProps';
-import { SetupDetailLayout_propTypes, SetupHeader_propTypes, SetupContent_propTypes, SetupFooter_propTypes } from './props/propTypes';
+import { SetupDetailLayout_defaultProps, SetupHeader_defaultProps, SetupContent_defaultProps, SetupFooter_defaultProps } from "./props/defaultProps";
+import { SetupDetailLayout_propTypes, SetupHeader_propTypes, SetupContent_propTypes, SetupFooter_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
-import style from '../../../layout/SetupDetailLayout/SetupDetailLayout.module.css';
+import style from "../../../layout/SetupDetailLayout/SetupDetailLayout.module.css";
 export default function SetupDetailLayout(props) {
   let {
     children,

package/es/v1/layout/SetupDetailLayout/index.js

@@ -1,4 +1,4 @@
-export { default as SetupDetailLayout } from './SetupDetailLayout';
-export { SetupHeader } from './SetupDetailLayout';
-export { SetupFooter } from './SetupDetailLayout';
-export { SetupContent } from './SetupDetailLayout';
+export { default as SetupDetailLayout } from "./SetupDetailLayout";
+export { SetupHeader } from "./SetupDetailLayout";
+export { SetupFooter } from "./SetupDetailLayout";
+export { SetupContent } from "./SetupDetailLayout";

package/es/v1/layout/SubtabLayout/SubtabLayout.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { SubtabHeader_propTypes, SubtabFooter_propTypes, SubtabContent_propTypes, SubtabLayout_propTypes } from './props/propTypes';
-import { SubtabHeader_defaultProps, SubtabFooter_defaultProps, SubtabContent_defaultProps, SubtabLayout_defaultProps } from './props/defaultProps';
+import { SubtabHeader_propTypes, SubtabFooter_propTypes, SubtabContent_propTypes, SubtabLayout_propTypes } from "./props/propTypes";
+import { SubtabHeader_defaultProps, SubtabFooter_defaultProps, SubtabContent_defaultProps, SubtabLayout_defaultProps } from "./props/defaultProps";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
-import PlusIcon from '../../PlusIcon/PlusIcon';
-import style from '../../../layout/SubtabLayout/SubtabLayout.module.css';
+import PlusIcon from "../../PlusIcon/PlusIcon";
+import style from "../../../layout/SubtabLayout/SubtabLayout.module.css";
 export function SubtabHeader(props) {
   let {
     onAdd,

package/es/v1/layout/SubtabLayout/index.js

@@ -1,4 +1,4 @@
-export { default as SubtabLayout } from './SubtabLayout';
-export { SubtabHeader } from './SubtabLayout';
-export { SubtabContent } from './SubtabLayout';
-export { SubtabFooter } from './SubtabLayout';
+export { default as SubtabLayout } from "./SubtabLayout";
+export { SubtabHeader } from "./SubtabLayout";
+export { SubtabContent } from "./SubtabLayout";
+export { SubtabFooter } from "./SubtabLayout";

package/es/v1/list/AvatarFlip/AvatarFlip.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import FlipCard from '../../FlipCard/FlipCard';
-import style from '../../../list/AvatarFlip/AvatarFlip.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import FlipCard from "../../FlipCard/FlipCard";
+import style from "../../../list/AvatarFlip/AvatarFlip.module.css";
 export default function AvatarFlip(props) {
   let {
     id,

package/es/v1/list/BluePrintStatus/BluePrintStatus.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from '../../../list/BluePrintStatus/BluePrintStatus.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "../../../list/BluePrintStatus/BluePrintStatus.module.css";
 import { Icon } from '@zohodesk/icons';
 export default function BluePrintStatus(props) {
   let {

package/es/v1/list/Comment/Comment.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 { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/semantic/Button/Button';
-import style from '../../../list/Comment/Comment.module.css';
+import style from "../../../list/Comment/Comment.module.css";
 export default function Comment(props) {
   let {
     count,

package/es/v1/list/DepartmentDropDown/DepartmentDropDown.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import ToggleDropDown from '../../dropdown/ToggleDropDown/ToggleDropDown';
-import { DepartmentText } from '../SecondaryText';
-import style from '../../../list/DepartmentDropDown/DepartmentDropDown.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import ToggleDropDown from "../../dropdown/ToggleDropDown/ToggleDropDown";
+import { DepartmentText } from "../SecondaryText";
+import style from "../../../list/DepartmentDropDown/DepartmentDropDown.module.css";
 
 function DepartmentDropDown(props) {
   let {

package/es/v1/list/Dot/Dot.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from '../../../list/Dot/Dot.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "../../../list/Dot/Dot.module.css";
 export default function Dot(props) {
   let {
     className,

package/es/v1/list/DotNew/DotNew.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import style from '../../../list/DotNew/DotNew.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import style from "../../../list/DotNew/DotNew.module.css";
 export default function DotNew(props) {
   let {
     className,

package/es/v1/list/GridStencils/GridStencils.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from './props/propTypes';
-import style from '../../../list/GridStencils/GridStencils.module.css';
+import { propTypes } from "./props/propTypes";
+import style from "../../../list/GridStencils/GridStencils.module.css";
 export default function GridStencils(props) {
   let {
     lineBar,

package/es/v1/list/Icons/AddNewIcon.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { AddNewIcon_propTypes } from './props/propTypes';
+import { AddNewIcon_propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
-import style from '../../../list/Icons/Icons.module.css';
+import style from "../../../list/Icons/Icons.module.css";
 export default function AddNewIcon(props) {
   let {
     onClick,

package/es/v1/list/Icons/CompleteIcon.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { CompleteIcon_propTypes } from './props/propTypes';
+import { CompleteIcon_propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
-import style from '../../../list/Icons/Icons.module.css';
+import style from "../../../list/Icons/Icons.module.css";
 export default function CompleteIcon(props) {
   let {
     onClick,

package/es/v1/list/Icons/DeleteIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DeleteComponent_propTypes } from './props/propTypes';
-import style from '../../../list/Icons/Icons.module.css';
+import { DeleteComponent_propTypes } from "./props/propTypes";
+import style from "../../../list/Icons/Icons.module.css";
 import { Icon } from '@zohodesk/icons';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 export default function DeleteComponent(props) {

package/es/v1/list/Icons/EditIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { EditIcon_propTypes } from './props/propTypes';
-import style from '../../../list/Icons/Icons.module.css';
+import { EditIcon_propTypes } from "./props/propTypes";
+import style from "../../../list/Icons/Icons.module.css";
 import { Icon } from '@zohodesk/icons';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 export default function EditIcon(props) {

package/es/v1/list/Icons/FloatingIcons.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FloatingIcons_defaultProps } from './props/defaultProps';
-import { FloatingIcons_propTypes } from './props/propTypes';
-import style from '../../../list/Icons/Icons.module.css';
+import { FloatingIcons_defaultProps } from "./props/defaultProps";
+import { FloatingIcons_propTypes } from "./props/propTypes";
+import style from "../../../list/Icons/Icons.module.css";
 export default function FloatingIcons(props) {
   let {
     children = [],

package/es/v1/list/Icons/ReadUnreadIcon.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { ReadUnreadIcon_defaultProps } from './props/defaultProps';
-import { ReadUnreadIcon_propTypes } from './props/propTypes';
+import { ReadUnreadIcon_defaultProps } from "./props/defaultProps";
+import { ReadUnreadIcon_propTypes } from "./props/propTypes";
 import { Icon } from '@zohodesk/icons';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
-import style from '../../../list/Icons/Icons.module.css';
+import style from "../../../list/Icons/Icons.module.css";
 export default function ReadUnreadIcon(props) {
   let {
     onClick,

package/es/v1/list/Icons/SmartIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SmartIcon_propTypes } from './props/propTypes';
-import style from '../../../list/Icons/Icons.module.css';
+import { SmartIcon_propTypes } from "./props/propTypes";
+import style from "../../../list/Icons/Icons.module.css";
 import { Icon } from '@zohodesk/icons';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 export default function SmartIcon(props) {

package/es/v1/list/Icons/index.js

@@ -1,7 +1,7 @@
-export { default as AddNewIcon } from './AddNewIcon';
-export { default as CompleteIcon } from './CompleteIcon';
-export { default as DeleteComponent } from './DeleteComponent';
-export { default as EditIcon } from './EditIcon';
-export { default as FloatingIcons } from './FloatingIcons';
-export { default as ReadUnreadIcon } from './ReadUnreadIcon';
-export { default as SmartIcon } from './SmartIcon';
+export { default as AddNewIcon } from "./AddNewIcon";
+export { default as CompleteIcon } from "./CompleteIcon";
+export { default as DeleteComponent } from "./DeleteComponent";
+export { default as EditIcon } from "./EditIcon";
+export { default as FloatingIcons } from "./FloatingIcons";
+export { default as ReadUnreadIcon } from "./ReadUnreadIcon";
+export { default as SmartIcon } from "./SmartIcon";

package/es/v1/list/ListLayout/ListLayout.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { ListLayout_defaultProps } from './props/defaultProps';
-import { ListLayout_propTypes, Column_propTypes } from './props/propTypes';
+import { ListLayout_defaultProps } from "./props/defaultProps";
+import { ListLayout_propTypes, Column_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import style from '../../../list/ListLayout/ListLayout.module.css';
+import style from "../../../list/ListLayout/ListLayout.module.css";
 export default function ListLayout(props) {
   let {
     children,

package/es/v1/list/ListStencils/ListStencils.js

@@ -1,13 +1,13 @@
 /*** Libraries ***/
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /*** Components ***/
 
 import Stencils from '@zohodesk/components/es/v1/Stencils/Stencils';
 /*** CSS ***/
 
-import style from '../../../list/ListStencils/ListStencils.module.css';
+import style from "../../../list/ListStencils/ListStencils.module.css";
 export default function ListStencils(props) {
   let {
     listType