npm - @zohodesk/dot - Versions diffs - 1.0.0-temp-197.5 → 1.0.0-temp-195.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (590) hide show

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

@@ -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,8 +25,7 @@ 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);
   }
@@ -54,13 +53,12 @@ export default class TextEditor extends Component {
       editorMode = '',
       editorOptions = {},
       needEditorFocus = true,
-      // handleDropUpload,
+      handleDropUpload,
       fontFamily,
       fontSize,
       initCallback,
       handleAlertMessage,
-      needInlineAttachment,
-      customInitOption
+      needInlineAttachment
     } = this.props;
     if (id && global.ZohoDeskEditor) {
@@ -69,7 +67,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',
@@ -92,17 +90,13 @@ export default class TextEditor extends Component {
         htmlVersion: '<!Doctype html>'
       };
-      if (!customInitOption) {
-        if (!ZohoDeskEditor_Init.init) {
-          global.editorInitialize && global.editorInitialize();
-        }
-        ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
+      if (!ZohoDeskEditor_Init.init) {
+        global.editorInitialize && global.editorInitialize();
       }
       defaultObj = Object.assign(defaultObj, editorOptions);
-      const globalEditor = global.ZohoDeskEditor;
-      globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOption);
+      ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
+      ZohoDeskEditor.create && ZohoDeskEditor.create(defaultObj);
     }
   }
@@ -127,7 +121,7 @@ export default class TextEditor extends Component {
     getRef && getRef(null);
   }
-  UNSAFE_componentWillReceiveProps(np) {
+  componentWillReceiveProps(np) {
     let {
       changeEditorContent
     } = this.props;
@@ -209,8 +203,7 @@ export default class TextEditor extends Component {
     let {
       editorCallback,
       getRef,
-      isCustomScroll,
-      customCSS
+      isCustomScroll
     } = this.props;
     this.setState({
       isEditorLoad: true,
@@ -225,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;
@@ -240,12 +245,9 @@ export default class TextEditor extends Component {
         iframe.classList.add('scroll');
       }
-      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);
+      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);
     }
   }
@@ -253,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 = ["jpeg", "jpg", "png", "gif", "bmp", "ico"],
-      fileNameMaxCharacters = 200,
-      fileSizeMaxBytes = 3 * 1024 * 1024
-    } = inlineImageProps;
-    if (!isFileNameSizeInvalid(file.name, fileNameMaxCharacters)) {
+    if (!isFileNameSizeInvalid(file.name)) {
       if (file.size != 0) {
-        if (file.size <= fileSizeMaxBytes) {
-          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);
@@ -282,33 +271,37 @@ 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);
     }
-  } // 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 {
@@ -334,7 +327,15 @@ export default class TextEditor extends Component {
         formData.append(getCSRFCookieName(), getCSRFCookie());
       }
-      return onUpload(formData, file);
+      return onUpload(formData, file).then(res => {
+        if (editorMode === 'TicketReply') {
+          return `${res.data}&from=r`;
+        }
+        return res.data;
+      }, err => {
+        throw err;
+      });
     } catch (err) {
       return Promise.reject();
     }
@@ -402,7 +403,7 @@ export default class TextEditor extends Component {
     }), editorDoc && ImgLazyLoad ? /*#__PURE__*/React.createElement(ImgLazyLoad, {
       node: editorDoc
     }) : null, isReadOnly ? /*#__PURE__*/React.createElement("div", {
-      className: styles.readOnlyMask
+      class: styles.readOnlyMask
     }) : null);
   }

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

@@ -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 CHANGED Viewed

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

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

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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);