@zohodesk/dot 1.9.2 → 1.9.3

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

@@ -1,71 +0,0 @@
-import PropTypes from 'prop-types';
-import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
-export const propTypes = {
-  fieldProperties: PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    labelName: PropTypes.string,
-    isMandatory: PropTypes.bool,
-    isDisabled: PropTypes.bool,
-    isReadOnly: PropTypes.bool,
-    value: PropTypes.string,
-    selectedValueCount: PropTypes.string,
-    validationMessage: PropTypes.string,
-    options: PropTypes.array,
-    clickableTag: PropTypes.bool,
-    infoText: PropTypes.string,
-    isLocked: PropTypes.bool,
-    lockedInfoText: PropTypes.string,
-    alignField: PropTypes.oneOf(['vertical', 'baseline'])
-  }),
-  styleProperties: PropTypes.shape({
-    labelSize: PropTypes.string,
-    labelPalette: PropTypes.string,
-    labelClass: PropTypes.string,
-    containerClass: PropTypes.string,
-    needBorder: PropTypes.bool,
-    borderColor: PropTypes.string,
-    validationPalette: PropTypes.string,
-    errorType: PropTypes.string
-  }),
-  actions: PropTypes.shape({
-    onChange: PropTypes.func,
-    onAdd: PropTypes.func,
-    onDelete: PropTypes.func,
-    onScroll: PropTypes.func,
-    onFocus: PropTypes.func
-  }),
-  isNewNeeded: PropTypes.bool,
-  htmlId: PropTypes.string,
-  isLoading: PropTypes.bool,
-  isListDisabled: PropTypes.bool,
-  numberOfDisplayedValues: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  getTextBoxChildren: PropTypes.func,
-  children: PropTypes.node,
-  i18nKeys: PropTypes.object,
-  noMoreData: PropTypes.bool,
-  position: PropTypes.string,
-  getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  customProps: PropTypes.shape({
-    LabelProps: PropTypes.object,
-    TagsMultiSelectProps: PropTypes.object,
-    ValidationMessageProps: PropTypes.object
-  }),
-  ePhiData: PropTypes.shape({
-    ePhiTitle: PropTypes.string,
-    ePhiText: PropTypes.string,
-    ePhiStatus: PropTypes.bool
-  }),
-  searchValue: PropTypes.string,
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  removeClose: PropTypes.func,
-  togglePopup: PropTypes.func,
-  clickableTag: PropTypes.bool,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  isAbsolutePositioningNeeded: PropTypes.bool,
-  isRestrictScroll: PropTypes.bool,
-  positionsOffset: PropTypes.object,
-  targetOffset: PropTypes.object
-};

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

@@ -1,144 +0,0 @@
-/**** Libraries ****/
-import React, { memo } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-/**** Components ****/
-
-import Label from '@zohodesk/components/es/v1/Label/Label';
-import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';
-import ValidationMessage from "../ValidationMessage/ValidationMessage";
-import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
-import FieldContainer from "../FieldContainer/FieldContainer";
-/**** CSS ****/
-
-import style from "../../../../form/fields/Fields.module.css";
-
-const TextBoxField = props => {
-  const {
-    labelName,
-    id,
-    textBoxSize,
-    textBoxVariant,
-    textBoxType,
-    isMandatory,
-    validationMessage,
-    validationPalette,
-    maxLength,
-    isReadOnly,
-    value,
-    errorType,
-    isDisabled,
-    title,
-    onBlur,
-    dataId,
-    dataSelectorId,
-    validationRuleMessage,
-    validationRulePalette,
-    onKeyDown,
-    placeHolder,
-    infoText,
-    borderColor,
-    fieldSize,
-    labelPalette,
-    labelCustomClass,
-    htmlId,
-    lockedInfoText,
-    isLocked,
-    needReadOnlyStyle,
-    isClickable,
-    onFocus,
-    ePhiData,
-    children,
-    customProps,
-    renderLabelProps,
-    onChange,
-    getRef
-  } = props;
-  const {
-    LabelProps = {},
-    TextBoxIconProps = {},
-    ValidationMessageProps1 = {},
-    ValidationMessageProps2 = {}
-  } = customProps;
-  const getNextId = useUniqueId();
-  let uniqueId = htmlId ? htmlId : getNextId();
-
-  const handleChange = value => {
-    onChange && onChange(id, value);
-  };
-
-  const handleGetRef = el => {
-    getRef && getRef(el, id);
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
-    "data-title": isDisabled ? title : null,
-    "data-selector-id": dataSelectorId
-  }, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
-    infoText: infoText,
-    isLocked: isLocked,
-    lockedInfoText: lockedInfoText,
-    ePhiData: ePhiData,
-    dataId: dataId,
-    renderProps: renderLabelProps
-  }, /*#__PURE__*/React.createElement(Label, {
-    text: labelName,
-    size: fieldSize === 'small' ? 'small' : 'medium',
-    palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
-    customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
-    htmlFor: uniqueId,
-    dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-    ...LabelProps,
-    id: labelName
-  })), /*#__PURE__*/React.createElement("div", {
-    className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-  }, /*#__PURE__*/React.createElement(TextBoxIcon, {
-    htmlId: uniqueId,
-    id: id,
-    type: textBoxType,
-    variant: textBoxVariant,
-    size: fieldSize === 'medium' ? textBoxSize : 'xsmall',
-    maxLength: maxLength,
-    isReadOnly: isReadOnly,
-    inputRef: handleGetRef,
-    value: value,
-    onChange: handleChange,
-    dataId: dataId,
-    onBlur: onBlur,
-    onKeyDown: onKeyDown,
-    placeHolder: placeHolder,
-    borderColor: borderColor,
-    onFocus: onFocus,
-    isDisabled: isDisabled,
-    needEffect: isReadOnly || isDisabled ? false : true,
-    isClickable: isClickable,
-    needReadOnlyStyle: needReadOnlyStyle,
-    ...TextBoxIconProps,
-    a11y: {
-      ariaLabelledby: labelName
-    }
-  }, children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
-    text: validationMessage,
-    palette: validationPalette,
-    type: errorType,
-    dataId: `${dataId}_ValidationMessage`,
-    htmlFor: uniqueId,
-    ...ValidationMessageProps1
-  }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
-    text: validationRuleMessage,
-    palette: validationRulePalette,
-    type: errorType,
-    htmlFor: uniqueId,
-    dataId: `${dataId}_ValidationRuleMessage`,
-    ...ValidationMessageProps2
-  })));
-};
-
-TextBoxField.propTypes = propTypes;
-TextBoxField.defaultProps = defaultProps;
-const MemoizedTextBoxField = /*#__PURE__*/memo(TextBoxField);
-MemoizedTextBoxField.propTypes = propTypes;
-MemoizedTextBoxField.defaultProps = defaultProps;
-MemoizedTextBoxField.displayName = 'TextBoxField';
-export default TextBoxField;

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

@@ -1,17 +0,0 @@
-import { FieldCommonDefaultProps } from "../../props/FieldCommonDefaultProps";
-export const defaultProps = {
-  errorType: 'primary',
-  textBoxSize: 'xmedium',
-  textBoxType: 'text',
-  textBoxVariant: 'primary',
-  borderColor: 'default',
-  fieldSize: 'medium',
-  // isFocusOnLabelClick: true,
-  labelPalette: 'default',
-  labelCustomClass: '',
-  isClickable: false,
-  needReadOnlyStyle: true,
-  customProps: {},
-  dataSelectorId: 'textBoxField',
-  ...FieldCommonDefaultProps()
-};

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

@@ -1,44 +0,0 @@
-import { FieldCommonPropTypes } from "../../props/FieldCommonPropTypes";
-import PropTypes from 'prop-types';
-export const propTypes = {
-  borderColor: PropTypes.oneOf(['transparent', 'default']),
-  errorType: PropTypes.oneOf(['primary', 'secondary']),
-  fieldSize: PropTypes.oneOf(['small', 'medium']),
-  getRef: PropTypes.func,
-  id: PropTypes.string,
-  // isFocusOnLabelClick: PropTypes.bool,
-  labelCustomClass: PropTypes.string,
-  labelName: PropTypes.string.isRequired,
-  labelPalette: PropTypes.string,
-  maxLength: PropTypes.number,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  placeHolder: PropTypes.string,
-  textBoxSize: PropTypes.string,
-  textBoxType: PropTypes.string,
-  textBoxVariant: PropTypes.string,
-  title: PropTypes.string,
-  validationMessage: PropTypes.string,
-  validationPalette: PropTypes.string,
-  validationRuleMessage: PropTypes.string,
-  validationRulePalette: PropTypes.string,
-  value: PropTypes.string,
-  isClickable: PropTypes.bool,
-  needReadOnlyStyle: PropTypes.bool,
-  children: PropTypes.node,
-  customProps: PropTypes.shape({
-    LabelProps: PropTypes.object,
-    TextBoxIconProps: PropTypes.object,
-    ValidationMessageProps1: PropTypes.object,
-    ValidationMessageProps2: PropTypes.object
-  }),
-  htmlId: PropTypes.string,
-  onFocus: PropTypes.func,
-  ePhiData: PropTypes.shape({
-    ePhiTitle: PropTypes.string,
-    ePhiText: PropTypes.string,
-    ePhiStatus: PropTypes.bool
-  }),
-  ...FieldCommonPropTypes
-};

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

@@ -1,418 +0,0 @@
-/***** Libraries *****/
-import React, { Component } from 'react';
-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';
-
-/***** components *****/
-
-import styles from "../../../../form/fields/TextEditor/TextEditor.module.css";
-/* eslint-disable camelcase */
-
-/* eslint-disable no-undef */
-
-/* eslint-disable react/no-deprecated */
-
-export default class TextEditor extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isEditorLoad: false,
-      isResourceLoaded: false,
-      isEditorShow: false
-    };
-    let methods = ['editorCallback', 'handleUpload', 'handleChange', 'focusCallback', 'handleInlineUpload', // 'handleDropUpload',
-    'blurCallback', 'handleGetContent', 'initializeEditor', 'clearEditorData', 'plainTextSwitchCallback', 'onWindowClick', 'toggleEditor'];
-    bind.apply(this, methods);
-  }
-
-  componentDidMount() {
-    this.mount = true;
-
-    if (typeof global.ZohoDeskEditor === 'undefined') {
-      loadResource(this.props.EDITORURL, 'js', 'ZohoDeskEditor').then(() => {
-        this.setState({
-          isResourceLoaded: true
-        });
-      });
-    } else {
-      this.setState({
-        isResourceLoaded: true
-      });
-    }
-
-    window.addEventListener('click', this.onWindowClick);
-  }
-
-  initializeEditor(id, mode) {
-    let {
-      value,
-      editorMode = '',
-      editorOptions = {},
-      needEditorFocus = true,
-      // handleDropUpload,
-      fontFamily,
-      fontSize,
-      initCallback,
-      handleAlertMessage,
-      needInlineAttachment,
-      customInitOption
-    } = this.props;
-
-    if (id && global.ZohoDeskEditor) {
-      let defaultObj = {
-        id,
-        content: fixEncoding(value),
-        callback: this.editorCallback,
-        imageuploadcallback: this.handleInlineUpload,
-        // handleInlineDropImage: handleDropUpload ? this.handleDropUpload : undefined,
-        contentChanged: this.handleChange,
-        focusCallback: this.focusCallback,
-        lineHeight: 'Normal',
-        backgroundColor: 'transparent',
-        defaultfontsize: '14px',
-        allowTagsInsertHTML: ['iframe'],
-        allowAttrsInsertHTML: ['frameborder', 'allowfullscreen'],
-        needEditorFocus,
-        blurCallback: this.blurCallback,
-        mode,
-        handleAlertMessage: handleAlertMessage,
-        plainTextSwitchCallback: this.plainTextSwitchCallback,
-        imgAspect: true,
-        handleInlineDropImage: needInlineAttachment ? this.handleInlineUpload : null,
-        needInlineAttachHandling: needInlineAttachment,
-        hookOnInsertHTML: validateEditorContentOnInsertHtml,
-        needCustomPaste: function (event, editorObj) {
-          return true; // By default reply editor needs customPaste, so returning true.
-        },
-        htmlVersion: '<!Doctype html>'
-      };
-
-      if (!customInitOption) {
-        if (!ZohoDeskEditor_Init.init) {
-          global.editorInitialize && global.editorInitialize();
-        }
-
-        ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
-      }
-
-      defaultObj = Object.assign(defaultObj, editorOptions);
-      const globalEditor = global.ZohoDeskEditor;
-      globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOption);
-    }
-  }
-
-  plainTextSwitchCallback() {
-    let {
-      plainTextSwitchCallback,
-      id
-    } = this.props;
-    let content = this.handleGetContent();
-    plainTextSwitchCallback && plainTextSwitchCallback(content, id);
-  }
-
-  clearEditorData(id) {
-    let {
-      getRef
-    } = this.props;
-
-    if (global.editor && global.editor[id]) {
-      delete global.editor[id];
-    }
-
-    getRef && getRef(null);
-  }
-
-  UNSAFE_componentWillReceiveProps(np) {
-    let {
-      changeEditorContent
-    } = this.props;
-    let id = np.id;
-    let editorObj = global.editor ? global.editor[id] ? global.editor[id] : {} : {};
-
-    if (np.isEmptyContent && editorObj) {
-      editorObj.setContent('');
-    }
-
-    if (typeof changeEditorContent !== 'undefined' && np.changeEditorContent != changeEditorContent && np.changeEditorContent) {
-      changeContent(id, np.value);
-    }
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    let {
-      id,
-      value,
-      shouldUpdateContent,
-      mode
-    } = this.props;
-    let {
-      isResourceLoaded
-    } = this.state;
-
-    if (prevProps.id !== id) {
-      global.editor[id] = global.editor[prevProps.id];
-      delete global.editor[prevProps.id];
-      shouldUpdateContent && changeContent(id, value);
-    }
-
-    if (prevState.isResourceLoaded !== isResourceLoaded && isResourceLoaded) {
-      this.initializeEditor(id, mode);
-    }
-  }
-
-  componentWillUnmount() {
-    this.mount = false;
-    this.clearEditorData(this.props.id);
-    window.removeEventListener('click', this.onWindowClick);
-  }
-
-  focusCallback() {
-    let {
-      onFocus
-    } = this.props;
-    onFocus && onFocus();
-  }
-
-  handleGetContent() {
-    let {
-      id
-    } = this.props;
-    let editorObj = global.editor[id] ? global.editor[id] : {};
-    let content = getRichEditorContent(id);
-
-    if (!editorContentValidate(editorObj)) {
-      content = '';
-    }
-
-    content = content.trim();
-    return content;
-  }
-
-  handleChange() {
-    let {
-      onChange,
-      id
-    } = this.props;
-
-    if (onChange) {
-      let content = this.handleGetContent();
-      onChange(content, id);
-    }
-  }
-
-  editorCallback(editorObj) {
-    let {
-      editorCallback,
-      getRef,
-      isCustomScroll,
-      customCSS
-    } = this.props;
-    this.setState({
-      isEditorLoad: true,
-      isEditorShow: true
-    });
-    let {
-      id
-    } = this.props;
-    global.editor = global.editor || {};
-
-    if (!global.editor[id]) {
-      global.editor[id] = editorObj;
-    }
-
-    editorCallback && editorCallback(editorObj);
-    const iframe = selectn('iframe.contentDocument.body', editorObj) || null;
-    const iframeHead = selectn('iframe.contentDocument.head', editorObj) || null;
-    getRef && getRef(iframe);
-
-    if (iframe) {
-      iframe.addEventListener('click', () => editorObj.iframe.click());
-
-      if (isCustomScroll) {
-        let link = document.createElement('style');
-        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');
-      }
-
-      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: 400;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: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}
-      @font-face {font-family: 'ZohoPuvi';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: ZDLato;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: 'Roboto';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
-      customStyleTag.textContent = `${customizedCSS} ${fontCSS}`;
-      iframeHead.appendChild(customStyleTag);
-    }
-  }
-
-  handleInlineUpload(file, successCallback, failureCallback, mode, editorObj) {
-    let {
-      id,
-      setInlineAttachmentInProgress: progress,
-      i18nKeys,
-      inlineImageProps
-    } = 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 (file.size != 0) {
-        if (file.size <= fileSizeMaxBytes) {
-          if (isImageFormat(file.name, allowedFileExtensions)) {
-            progress && progress(true);
-            this.handleUpload(file).then(res => {
-              successCallback(res);
-              progress && progress(false);
-
-              if (id && editorObj) {
-                triggerKeyup(editorObj.doc);
-              }
-            }, () => {
-              failureCallback(fileUploadError);
-            });
-          } else {
-            failureCallback(fileNotSupported);
-          }
-        } else {
-          failureCallback(fileSizeLimitExceed);
-        }
-      } else {
-        failureCallback(fileEmptyError);
-      }
-    } else {
-      failureCallback(fileNameLimitExceed);
-    }
-  } // handleDropUpload(file, successCallback, failureCallback) {
-  //   let e = { target: { files: [file] } };
-  //   let { handleDropUpload } = this.props;
-  //   handleDropUpload(e).then(
-  //     (res) => {
-  //       successCallback(res);
-  //     },
-  //     () => {
-  //       failureCallback();
-  //     }
-  //   );
-  // }
-
-
-  blurCallback() {
-    let {
-      blurCallback
-    } = this.props;
-    let content = this.handleGetContent();
-    blurCallback && blurCallback(content);
-  }
-
-  handleUpload(file) {
-    let {
-      onUpload,
-      editorMode,
-      getCSRFCookieName,
-      getCSRFCookie
-    } = this.props;
-
-    try {
-      let formData = new FormData();
-      formData.append('img_file', file, file.name);
-
-      if (getCSRFCookieName && getCSRFCookie) {
-        formData.append(getCSRFCookieName(), getCSRFCookie());
-      }
-
-      return onUpload(formData, file);
-    } catch (err) {
-      return Promise.reject();
-    }
-  }
-
-  onWindowClick(e) {
-    let {
-      isEditorDefaultOpen
-    } = this.props;
-    let element = e.target;
-
-    if (!element.closest('[data-isEditor]') && !element.closest("[id='KB_Editor_UploadImage_Popup']") && !element.closest("[id='KB_Editor_Overlay']") && !element.closest('.zdeskEditor_popup') && element && typeof element.className === 'string' && !element.className.startsWith('KB') && !element.hasAttribute('data-insertoptions') && !element.closest('.KB_Editor_common_DropDown')) {
-      let {
-        value = '',
-        id
-      } = this.props;
-      let cont = value;
-
-      if (typeof editor !== 'undefined') {
-        cont = editor['addFormEditor'] && editor['addFormEditor'].getContent();
-      }
-
-      if (!isEditorDefaultOpen) {
-        if ((cont == '' || cont == '<div><br></div>') && this.mount) {
-          this.toggleEditor(false);
-        }
-      }
-    }
-  }
-
-  toggleEditor(value) {
-    let {
-      toggleEdit
-    } = this.props;
-    toggleEdit && toggleEdit(value);
-  }
-
-  render() {
-    let {
-      id,
-      dataId,
-      type,
-      border,
-      ImgLazyLoad,
-      loadingComponent,
-      isNightMode,
-      isReadOnly,
-      dataSelectorId,
-      isDisabled
-    } = this.props;
-    let {
-      isEditorLoad,
-      isEditorShow
-    } = this.state;
-    let editorDoc = ImgLazyLoad && global.editor && global.editor[id] ? global.editor[id].doc : null;
-    return /*#__PURE__*/React.createElement(Container, {
-      className: `${styles.textEditor} ${styles[type]} ${styles[border]}
-        ${isNightMode ? styles.night : styles.light} ${isReadOnly ? styles.readOnly : ''} ${isReadOnly || isDisabled ? styles.disable : ''} ${!isEditorShow ? styles.editorHide : ''}`,
-      dataId: dataId,
-      "data-isEditor": true,
-      dataSelectorId: dataSelectorId
-    }, loadingComponent && !isEditorLoad ? loadingComponent : null, /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      id: id,
-      dataId: dataId
-    }), editorDoc && ImgLazyLoad ? /*#__PURE__*/React.createElement(ImgLazyLoad, {
-      node: editorDoc
-    }) : null, isReadOnly || isDisabled ? /*#__PURE__*/React.createElement("div", {
-      className: styles.readOnlyMask
-    }) : null);
-  }
-
-}
-TextEditor.defaultProps = defaultProps;
-TextEditor.propTypes = propTypes; // if (__DOCS__) {
-//   TextEditor.docs = {
-//     componentGroup: 'Fields',
-//     folderName: 'TextEditor'
-//   };
-// }