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

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 */
@@ -25,7 +25,8 @@ export default class TextEditor extends Component {
       isResourceLoaded: false,
       isEditorShow: false
     };
-    let methods = ['editorCallback', 'handleUpload', 'handleChange', 'focusCallback', 'handleInlineUpload', 'handleDropUpload', 'blurCallback', 'handleGetContent', 'initializeEditor', 'clearEditorData', 'plainTextSwitchCallback', 'onWindowClick', 'toggleEditor'];
+    let methods = ['editorCallback', 'handleUpload', 'handleChange', 'focusCallback', 'handleInlineUpload', // 'handleDropUpload',
+    'blurCallback', 'handleGetContent', 'initializeEditor', 'clearEditorData', 'plainTextSwitchCallback', 'onWindowClick', 'toggleEditor'];
     bind.apply(this, methods);
   }
 
@@ -53,12 +54,13 @@ export default class TextEditor extends Component {
       editorMode = '',
       editorOptions = {},
       needEditorFocus = true,
-      handleDropUpload,
+      // handleDropUpload,
       fontFamily,
       fontSize,
       initCallback,
       handleAlertMessage,
-      needInlineAttachment
+      needInlineAttachment,
+      customInitOption
     } = this.props;
 
     if (id && global.ZohoDeskEditor) {
@@ -67,7 +69,7 @@ export default class TextEditor extends Component {
         content: fixEncoding(value),
         callback: this.editorCallback,
         imageuploadcallback: this.handleInlineUpload,
-        handleInlineDropImage: handleDropUpload ? this.handleDropUpload : undefined,
+        // handleInlineDropImage: handleDropUpload ? this.handleDropUpload : undefined,
         contentChanged: this.handleChange,
         focusCallback: this.focusCallback,
         lineHeight: 'Normal',
@@ -90,13 +92,17 @@ export default class TextEditor extends Component {
         htmlVersion: '<!Doctype html>'
       };
 
-      if (!ZohoDeskEditor_Init.init) {
-        global.editorInitialize && global.editorInitialize();
+      if (!customInitOption) {
+        if (!ZohoDeskEditor_Init.init) {
+          global.editorInitialize && global.editorInitialize();
+        }
+
+        ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
       }
 
       defaultObj = Object.assign(defaultObj, editorOptions);
-      ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
-      ZohoDeskEditor.create && ZohoDeskEditor.create(defaultObj);
+      const globalEditor = global.ZohoDeskEditor;
+      globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOption);
     }
   }
 
@@ -121,7 +127,7 @@ export default class TextEditor extends Component {
     getRef && getRef(null);
   }
 
-  componentWillReceiveProps(np) {
+  UNSAFE_componentWillReceiveProps(np) {
     let {
       changeEditorContent
     } = this.props;
@@ -203,7 +209,8 @@ export default class TextEditor extends Component {
     let {
       editorCallback,
       getRef,
-      isCustomScroll
+      isCustomScroll,
+      customCSS
     } = this.props;
     this.setState({
       isEditorLoad: true,
@@ -218,18 +225,6 @@ 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;
@@ -245,9 +240,12 @@ export default class TextEditor extends Component {
         iframe.classList.add('scroll');
       }
 
-      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);
+      let customStyleTag = document.createElement('style');
+      customStyleTag.type = 'text/css';
+      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.textContent = `${customizedCSS} ${fontCSS}`;
+      iframeHead.appendChild(customStyleTag);
     }
   }
 
@@ -255,13 +253,26 @@ export default class TextEditor extends Component {
     let {
       id,
       setInlineAttachmentInProgress: progress,
-      i18nKeys
+      i18nKeys,
+      inlineImageProps
     } = this.props;
-
-    if (!isFileNameSizeInvalid(file.name)) {
+    const {
+      fileUploadError,
+      fileNotSupported,
+      fileSizeLimitExceed,
+      fileEmptyError,
+      fileNameLimitExceed
+    } = i18nKeys;
+    const {
+      allowedFileExtensions = ["jpeg", "jpg", "png", "gif", "bmp", "ico"],
+      fileNameMaxCharacters = 200,
+      fileSizeMaxBytes = 3 * 1024 * 1024
+    } = inlineImageProps;
+
+    if (!isFileNameSizeInvalid(file.name, fileNameMaxCharacters)) {
       if (file.size != 0) {
-        if (file.size <= 3 * 1024 * 1024) {
-          if (isImageFormat(file.name)) {
+        if (file.size <= fileSizeMaxBytes) {
+          if (isImageFormat(file.name, allowedFileExtensions)) {
             progress && progress(true);
             this.handleUpload(file).then(res => {
               successCallback(res);
@@ -271,37 +282,33 @@ export default class TextEditor extends Component {
                 triggerKeyup(editorObj.doc);
               }
             }, () => {
-              failureCallback(i18nKeys.fileUploadError);
+              failureCallback(fileUploadError);
             });
           } else {
-            failureCallback(i18nKeys.fileNotSupported);
+            failureCallback(fileNotSupported);
           }
         } else {
-          failureCallback(i18nKeys.fileSizeLimitExceed);
+          failureCallback(fileSizeLimitExceed);
         }
       } else {
-        failureCallback(i18nKeys.fileEmptyError);
+        failureCallback(fileEmptyError);
       }
     } else {
-      failureCallback(i18nKeys.fileNameLimitExceed);
+      failureCallback(fileNameLimitExceed);
     }
-  }
+  } // handleDropUpload(file, successCallback, failureCallback) {
+  //   let e = { target: { files: [file] } };
+  //   let { handleDropUpload } = this.props;
+  //   handleDropUpload(e).then(
+  //     (res) => {
+  //       successCallback(res);
+  //     },
+  //     () => {
+  //       failureCallback();
+  //     }
+  //   );
+  // }
 
-  handleDropUpload(file, successCallback, failureCallback) {
-    let e = {
-      target: {
-        files: [file]
-      }
-    };
-    let {
-      handleDropUpload
-    } = this.props;
-    handleDropUpload(e).then(res => {
-      successCallback(res);
-    }, () => {
-      failureCallback();
-    });
-  }
 
   blurCallback() {
     let {
@@ -327,15 +334,7 @@ export default class TextEditor extends Component {
         formData.append(getCSRFCookieName(), getCSRFCookie());
       }
 
-      return onUpload(formData, file).then(res => {
-        if (editorMode === 'TicketReply') {
-          return `${res.data}&from=r`;
-        }
-
-        return res.data;
-      }, err => {
-        throw err;
-      });
+      return onUpload(formData, file);
     } catch (err) {
       return Promise.reject();
     }
@@ -403,7 +402,7 @@ export default class TextEditor extends Component {
     }), editorDoc && ImgLazyLoad ? /*#__PURE__*/React.createElement(ImgLazyLoad, {
       node: editorDoc
     }) : null, isReadOnly ? /*#__PURE__*/React.createElement("div", {
-      class: styles.readOnlyMask
+      className: styles.readOnlyMask
     }) : null);
   }
 

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/TextEditor/props/defaultProps.js

@@ -9,5 +9,7 @@ export const defaultProps = {
   needInlineAttachment: false,
   isNightMode: false,
   isReadOnly: false,
-  dataSelectorId: 'textEditor'
+  dataSelectorId: 'textEditor',
+  customCSS: '',
+  inlineImageProps: {}
 };

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

@@ -21,7 +21,7 @@ export const propTypes = {
     fileSizeLimitExceed: PropTypes.string
   }),
   id: PropTypes.string,
-  initCallback: PropTypes.func.isRequired,
+  initCallback: PropTypes.func,
   isCustomScroll: PropTypes.bool,
   loadingComponent: PropTypes.node,
   mode: PropTypes.string,
@@ -42,5 +42,12 @@ export const propTypes = {
   getCSRFCookie: PropTypes.string,
   isEditorDefaultOpen: PropTypes.bool,
   toggleEdit: PropTypes.func,
-  dataSelectorId: PropTypes.string
+  dataSelectorId: PropTypes.string,
+  customInitOption: PropTypes.object,
+  customCSS: PropTypes.string,
+  inlineImageProps: PropTypes.shape({
+    allowedFileExtensions: PropTypes.array,
+    fileNameMaxCharacters: PropTypes.number,
+    fileSizeMaxBytes: PropTypes.number
+  })
 };

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 {

package/es/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/form/layout/Field/Field.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "./Field.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from './Field.module.css';
 export default class Field extends Component {
   render() {
     let {

package/es/form/layout/Field/__tests__/Field.spec.js

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

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

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { propTypes } from "./props/propTypes";
-import style from "./ModuleFormSection.module.css";
+import { propTypes } from './props/propTypes';
+import style from './ModuleFormSection.module.css';
 export default class Section extends Component {
   constructor(props) {
     super(props);

package/es/form/layout/Section/__tests__/Section.spec.js

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

package/es/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/index.js

@@ -1,51 +1,51 @@
-export { default as ActionButton } from "./ActionButton/ActionButton";
-export { default as AutoClose } from "./actions/AutoClose";
-export * from "./alert";
-export { default as AlphabeticList } from "./AlphabeticList/AlphabeticList";
-export { default as Attachment } from "./Attachment/Attachment";
-export { default as AttachmentViewer } from "./AttachmentViewer/AttachmentViewer";
-export * from "./avatar";
-export { default as ChannelIcon } from "./ChannelIcon/ChannelIcon";
-import * as _Drawer from "./Drawer/Drawer";
+export { default as ActionButton } from './ActionButton/ActionButton';
+export { default as AutoClose } from './actions/AutoClose';
+export * from './alert';
+export { default as AlphabeticList } from './AlphabeticList/AlphabeticList';
+export { default as Attachment } from './Attachment/Attachment';
+export { default as AttachmentViewer } from './AttachmentViewer/AttachmentViewer';
+export * from './avatar';
+export { default as ChannelIcon } from './ChannelIcon/ChannelIcon';
+import * as _Drawer from './Drawer/Drawer';
 export { _Drawer as Drawer };
-export { default as ToggleDropDown } from "./dropdown/ToggleDropDown/ToggleDropDown";
-export { default as CommonEmptyState } from "./emptystate/CommonEmptyState/CommonEmptyState";
-export { default as EditionPage } from "./emptystate/EditionPage/EditionPage";
-import * as _errorstate from "./errorstate";
+export { default as ToggleDropDown } from './dropdown/ToggleDropDown/ToggleDropDown';
+export { default as CommonEmptyState } from './emptystate/CommonEmptyState/CommonEmptyState';
+export { default as EditionPage } from './emptystate/EditionPage/EditionPage';
+import * as _errorstate from './errorstate';
 export { _errorstate as errorstate };
-export { default as ExternalLink } from "./ExternalLink/ExternalLink";
-export { default as FlipCard } from "./FlipCard/FlipCard";
-import * as _fields from "./form/fields";
+export { default as ExternalLink } from './ExternalLink/ExternalLink';
+export { default as FlipCard } from './FlipCard/FlipCard';
+import * as _fields from './form/fields';
 export { _fields as fields };
-import * as _fields_layout from "./form/layout/";
+import * as _fields_layout from './form/layout/';
 export { _fields_layout as fields_layout };
-export { default as FormAction } from "./FormAction/FormAction";
-export { default as FreezeLayer } from "./FreezeLayer/FreezeLayer";
-export { default as IconButton } from "./IconButton/IconButton";
-export { default as Image } from "./Image/Image";
-export { default as ImportantNotes } from "./ImportantNotes/ImportantNotes";
-import * as _SetupDetailLayout from "./layout/SetupDetailLayout";
+export { default as FormAction } from './FormAction/FormAction';
+export { default as FreezeLayer } from './FreezeLayer/FreezeLayer';
+export { default as IconButton } from './IconButton/IconButton';
+export { default as Image } from './Image/Image';
+export { default as ImportantNotes } from './ImportantNotes/ImportantNotes';
+import * as _SetupDetailLayout from './layout/SetupDetailLayout';
 export { _SetupDetailLayout as SetupDetailLayout };
-import * as _SubtabLayout from "./layout/SubtabLayout";
+import * as _SubtabLayout from './layout/SubtabLayout';
 export { _SubtabLayout as SubtabLayout };
-export { default as Link } from "./Link/Link";
-import * as _list from "./list";
+export { default as Link } from './Link/Link';
+import * as _list from './list';
 export { _list as list };
-export { default as Loader } from "./Loader/Loader";
-export { default as Message, MessageUI, MessageNew } from "./Message/Message";
-export { default as MessageBanner } from "./MessageBanner/MessageBanner";
-export { default as NewStar } from "./NewStar/NewStar";
-export { default as PlusIcon } from "./PlusIcon/PlusIcon";
-import * as _Provider from "./Provider/Config";
+export { default as Loader } from './Loader/Loader';
+export { default as Message, MessageUI, MessageNew } from './Message/Message';
+export { default as MessageBanner } from './MessageBanner/MessageBanner';
+export { default as NewStar } from './NewStar/NewStar';
+export { default as PlusIcon } from './PlusIcon/PlusIcon';
+import * as _Provider from './Provider/Config';
 export { _Provider as Provider };
-import * as _lookup from "./lookup";
+import * as _lookup from './lookup';
 export { _lookup as lookup };
-export { default as Separator } from "./Separator/Separator";
-import * as _setup from "./setup";
+export { default as Separator } from './Separator/Separator';
+import * as _setup from './setup';
 export { _setup as setup };
-import * as _svg from "./svg";
+import * as _svg from './svg';
 export { _svg as svg };
-export { default as ToastMessage } from "./ToastMessage/ToastMessage";
-export { default as Upload } from "./Upload/Upload";
-import * as _version from "./version2";
+export { default as ToastMessage } from './ToastMessage/ToastMessage';
+export { default as Upload } from './Upload/Upload';
+import * as _version from './version2';
 export { _version as version2 };

package/es/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -1,9 +1,9 @@
 import React, { Component } 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/lib/Layout';
 import { Icon } from '@zohodesk/icons';
-import style from "./SetupDetailLayout.module.css";
+import style from './SetupDetailLayout.module.css';
 export default class SetupDetailLayout extends React.Component {
   constructor(props) {
     super(props);