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

package/lib/avatar/AvatarIcon/AvatarIcon.module.css

@@ -1,58 +1,58 @@
-.varClass {
-  --icon_color: var(--zdt_avatarIcon_dark_icon);
-  --border_color: var(--zdt_avatarIcon_default_border);
-  --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
-}
-.container {
-  vertical-align: middle;
-  composes: varClass;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 50%;
-  border-color: var(--border_color)
-}
-.borderOnHover:hover, .borderOnActive {
-  border-color: var(--border_hoverColor)
-}
-.default {
-  --border_color: var(--zdt_avatarIcon_default_border);
-  --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
-}
-.primary {
-  --border_color: var(--zdt_avatarIcon_primary_border);
-  --border_hoverColor: var(--zdt_avatarIcon_primary_hover_border);
-}
-.secondary {
-  --border_color: var(--zdt_avatarIcon_secondary_border);
-  --border_hoverColor: var(--zdt_avatarIcon_secondary_hover_border);
-}
-.success {
-  --border_color: var(--zdt_avatarIcon_success_border);
-  --border_hoverColor: var(--zdt_avatarIcon_success_hover_border);
-}
-.danger {
-  --border_color: var(--zdt_avatarIcon_danger_border);
-  --border_hoverColor: var(--zdt_avatarIcon_danger_hover_border);
-}
-.iconColor {
-  color: var(--icon_color);
-}
-.icon_danger {
-  --icon_color: var(--zdt_avatarIcon_danger_icon);
-}
-.icon_primary {
-  --icon_color: var(--zdt_avatarIcon_primary_icon);
-}
-.icon_grey {
-  --icon_color: var(--zdt_avatarIcon_grey_icon);
-}
-.icon_success {
-  --icon_color: var(--zdt_avatarIcon_success_icon);
-}
-.icon_smoke18 {
-  --icon_color: var(--zdt_avatarIcon_smoke_icon);
-}
-.icon_dark {
-  --icon_color: var(--zdt_avatarIcon_dark_icon);
-}
-
+.varClass {
+  --icon_color: var(--zdt_avatarIcon_dark_icon);
+  --border_color: var(--zdt_avatarIcon_default_border);
+  --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
+}
+.container {
+  vertical-align: middle;
+  composes: varClass;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 50%;
+  border-color: var(--border_color)
+}
+.borderOnHover:hover, .borderOnActive {
+  border-color: var(--border_hoverColor)
+}
+.default {
+  --border_color: var(--zdt_avatarIcon_default_border);
+  --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
+}
+.primary {
+  --border_color: var(--zdt_avatarIcon_primary_border);
+  --border_hoverColor: var(--zdt_avatarIcon_primary_hover_border);
+}
+.secondary {
+  --border_color: var(--zdt_avatarIcon_secondary_border);
+  --border_hoverColor: var(--zdt_avatarIcon_secondary_hover_border);
+}
+.success {
+  --border_color: var(--zdt_avatarIcon_success_border);
+  --border_hoverColor: var(--zdt_avatarIcon_success_hover_border);
+}
+.danger {
+  --border_color: var(--zdt_avatarIcon_danger_border);
+  --border_hoverColor: var(--zdt_avatarIcon_danger_hover_border);
+}
+.iconColor {
+  color: var(--icon_color);
+}
+.icon_danger {
+  --icon_color: var(--zdt_avatarIcon_danger_icon);
+}
+.icon_primary {
+  --icon_color: var(--zdt_avatarIcon_primary_icon);
+}
+.icon_grey {
+  --icon_color: var(--zdt_avatarIcon_grey_icon);
+}
+.icon_success {
+  --icon_color: var(--zdt_avatarIcon_success_icon);
+}
+.icon_smoke18 {
+  --icon_color: var(--zdt_avatarIcon_smoke_icon);
+}
+.icon_dark {
+  --icon_color: var(--zdt_avatarIcon_dark_icon);
+}
+

package/lib/common/dot_boxShadow.module.css

@@ -35,6 +35,4 @@
 
     /* desktop notification */
     --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
-
-
 }

package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css

@@ -1,92 +1,92 @@
-.varClass {
-  --titleColor: var(--zdt_commonEmptyState_default_title);
-  --descriptionColor: var(--zdt_commonEmptyState_default_description);
-  --linkColor: var(--zdt_commonEmptyState_default_link);
-  --linkHoverColor: var(--zdt_commonEmptyState_default_link_hover);
-}
-.container {
-  composes: varClass;
-  text-align: center;
-}
-[dir=ltr] .container {
-  margin-left: auto ;
-  margin-right: auto ;
-}
-[dir=rtl] .container {
-  margin-right: auto ;
-  margin-left: auto ;
-}
-.fluid {
-  max-width: var(--zd_size430) ;
-}
-.title {
-  font-family: var(--zd_semibold);
-  color: var(--titleColor);
-  word-wrap: break-word;
-}
-.small .title {
-  font-size: var(--zd_font_size16) ;
-}
-.medium .title {
-  font-size: var(--zd_font_size20) ;
-}
-.linkWrapper,
-.linkDescWrapper {
-  color: var(--descriptionColor);
-}
-.small .linkWrapper,
-.small .linkDescWrapper {
-  font-size: var(--zd_font_size12) ;
-}
-.medium .linkWrapper,
-.medium .linkDescWrapper {
-  font-size: var(--zd_font_size14) ;
-}
-.medium .linkWrapper {
-  margin-top: var(--zd_size18) ;
-}
-.small .linkWrapper {
-  margin-top: var(--zd_size12) ;
-}
-.linkDescWrapper {
-  margin-top: var(--zd_size20) ;
-}
-.desc{
-  word-wrap: break-word;
-}
-[dir=ltr] .linkDesc, [dir=ltr] .desc {
-  margin-right: var(--zd_size4) ;
-}
-[dir=rtl] .linkDesc, [dir=rtl] .desc {
-  margin-left: var(--zd_size4) ;
-}
-.small .desc {
-  line-height: 1.584;
-}
-.medium .desc {
-  line-height: 1.358;
-}
-.link {
-  color: var(--linkColor);
-  display: inline-block;
-  cursor: pointer;
-}
-.link:hover {
-  color: var(--linkHoverColor);
-}
-.children {
-  margin-top: var(--zd_size15) ;
-}
-
-.default {
-  --titleColor: var(--zdt_commonEmptyState_default_title);
-  --linkColor: var(--zdt_commonEmptyState_default_link);
-  --linkHoverColor: var(--zdt_commonEmptyState_default_link_hover);
-  --descriptionColor: var(--zdt_commonEmptyState_default_description);
-}
-.dark {
-  --titleColor: var(--zdt_commonEmptyState_dark_title);
-  --linkColor: var(--zdt_commonEmptyState_dark_link);
-  --linkHoverColor: var(--zdt_commonEmptyState_dark_link_hover);
-  --descriptionColor: var(--zdt_commonEmptyState_dark_description);
-}
+.varClass {
+  --titleColor: var(--zdt_commonEmptyState_default_title);
+  --descriptionColor: var(--zdt_commonEmptyState_default_description);
+  --linkColor: var(--zdt_commonEmptyState_default_link);
+  --linkHoverColor: var(--zdt_commonEmptyState_default_link_hover);
+}
+.container {
+  composes: varClass;
+  text-align: center;
+}
+[dir=ltr] .container {
+  margin-left: auto ;
+  margin-right: auto ;
+}
+[dir=rtl] .container {
+  margin-right: auto ;
+  margin-left: auto ;
+}
+.fluid {
+  max-width: var(--zd_size430) ;
+}
+.title {
+  font-family: var(--zd_semibold);
+  color: var(--titleColor);
+  word-wrap: break-word;
+}
+.small .title {
+  font-size: var(--zd_font_size16) ;
+}
+.medium .title {
+  font-size: var(--zd_font_size20) ;
+}
+.linkWrapper,
+.linkDescWrapper {
+  color: var(--descriptionColor);
+}
+.small .linkWrapper,
+.small .linkDescWrapper {
+  font-size: var(--zd_font_size12) ;
+}
+.medium .linkWrapper,
+.medium .linkDescWrapper {
+  font-size: var(--zd_font_size14) ;
+}
+.medium .linkWrapper {
+  margin-top: var(--zd_size18) ;
+}
+.small .linkWrapper {
+  margin-top: var(--zd_size12) ;
+}
+.linkDescWrapper {
+  margin-top: var(--zd_size20) ;
+}
+.desc{
+  word-wrap: break-word;
+}
+[dir=ltr] .linkDesc, [dir=ltr] .desc {
+  margin-right: var(--zd_size4) ;
+}
+[dir=rtl] .linkDesc, [dir=rtl] .desc {
+  margin-left: var(--zd_size4) ;
+}
+.small .desc {
+  line-height: 1.584;
+}
+.medium .desc {
+  line-height: 1.358;
+}
+.link {
+  color: var(--linkColor);
+  display: inline-block;
+  cursor: pointer;
+}
+.link:hover {
+  color: var(--linkHoverColor);
+}
+.children {
+  margin-top: var(--zd_size15) ;
+}
+
+.default {
+  --titleColor: var(--zdt_commonEmptyState_default_title);
+  --linkColor: var(--zdt_commonEmptyState_default_link);
+  --linkHoverColor: var(--zdt_commonEmptyState_default_link_hover);
+  --descriptionColor: var(--zdt_commonEmptyState_default_description);
+}
+.dark {
+  --titleColor: var(--zdt_commonEmptyState_dark_title);
+  --linkColor: var(--zdt_commonEmptyState_dark_link);
+  --linkHoverColor: var(--zdt_commonEmptyState_dark_link_hover);
+  --descriptionColor: var(--zdt_commonEmptyState_dark_description);
+}

package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -208,6 +208,10 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           handleSelectAll = _this$props3.handleSelectAll,
           selectAllText = _this$props3.selectAllText,
           needSelectAll = _this$props3.needSelectAll,
+          isAbsolutePositioningNeeded = _this$props3.isAbsolutePositioningNeeded,
+          isRestrictScroll = _this$props3.isRestrictScroll,
+          positionsOffset = _this$props3.positionsOffset,
+          targetOffset = _this$props3.targetOffset,
           customClass = _this$props3.customClass,
           customProps = _this$props3.customProps;
       var showAll = this.state.showAll;
@@ -304,7 +308,11 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
           },
           dataId: "".concat(dataId, "_dropbox"),
           isResponsivePadding: true,
-          alignBox: "row"
+          alignBox: "row",
+          isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+          isRestrictScroll: isRestrictScroll,
+          positionsOffset: positionsOffset,
+          targetOffset: targetOffset
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true
         }, needSelectAll ? /*#__PURE__*/_react["default"].createElement(_MultiSelectHeader["default"], {

package/lib/form/fields/TagsMultiSelect/props/defaultProps.js

@@ -15,6 +15,8 @@ var defaultProps = {
   clickableTag: false,
   dataSelectorId: 'tagsMultiSelectField',
   needSelectAll: false,
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false,
   customClass: {},
   customProps: {}
 };

package/lib/form/fields/TagsMultiSelect/props/propTypes.js

@@ -54,6 +54,10 @@ var propTypes = {
   handleSelectAll: _propTypes["default"].func,
   selectAllText: _propTypes["default"].string,
   needSelectAll: _propTypes["default"].bool,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  isRestrictScroll: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].object,
+  targetOffset: _propTypes["default"].object,
   customClass: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     TextBoxIconProps: _propTypes["default"].object,

package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -89,7 +89,11 @@ var TagsMultiSelectField = function TagsMultiSelectField(props) {
       ePhiData = props.ePhiData,
       customProps = props.customProps,
       clickableTag = props.clickableTag,
-      dataSelectorId = props.dataSelectorId;
+      dataSelectorId = props.dataSelectorId,
+      isAbsolutePositioningNeeded = props.isAbsolutePositioningNeeded,
+      isRestrictScroll = props.isRestrictScroll,
+      positionsOffset = props.positionsOffset,
+      targetOffset = props.targetOffset;
   var _customProps$LabelPro = customProps.LabelProps,
       LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
       _customProps$TagsMult = customProps.TagsMultiSelectProps,
@@ -283,7 +287,11 @@ var TagsMultiSelectField = function TagsMultiSelectField(props) {
     borderColor: borderColor,
     htmlId: htmlId,
     getTextBoxChildren: getTextBoxChildren,
-    className: containerClass
+    className: containerClass,
+    isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+    isRestrictScroll: isRestrictScroll,
+    positionsOffset: positionsOffset,
+    targetOffset: targetOffset
   }, TagsMultiSelectProps, {
     clickableTag: clickableTag
   })), validationMessage && /*#__PURE__*/_react["default"].createElement(_ValidationMessage["default"], _extends({

package/lib/form/fields/TagsMultiSelectField/props/defaultProps.js

@@ -30,7 +30,9 @@ var defaultProps = _objectSpread({
   i18nKeys: {},
   numberOfDisplayedValues: '5',
   customProps: {},
-  dataSelectorId: 'tagsMultiSelectField'
+  dataSelectorId: 'tagsMultiSelectField',
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false
 }, (0, _FieldCommonDefaultProps.FieldCommonDefaultProps)());
 
 exports.defaultProps = defaultProps;

package/lib/form/fields/TagsMultiSelectField/props/propTypes.js

@@ -74,6 +74,10 @@ var propTypes = {
   togglePopup: _propTypes["default"].func,
   clickableTag: _propTypes["default"].bool,
   dataId: _propTypes["default"].string,
-  dataSelectorId: _propTypes["default"].bool
+  dataSelectorId: _propTypes["default"].bool,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  isRestrictScroll: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].object,
+  targetOffset: _propTypes["default"].object
 };
 exports.propTypes = propTypes;

package/lib/form/fields/TextEditor/TextEditor.js

@@ -27,6 +27,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -68,8 +70,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
       isResourceLoaded: false,
       isEditorShow: false
     };
-    var methods = ['editorCallback', 'handleUpload', 'handleChange', 'focusCallback', 'handleInlineUpload', // 'handleDropUpload',
-    'blurCallback', 'handleGetContent', 'initializeEditor', 'clearEditorData', 'plainTextSwitchCallback', 'onWindowClick', 'toggleEditor'];
+    var methods = ['editorCallback', 'handleUpload', 'handleChange', 'focusCallback', 'handleInlineUpload', 'handleDropUpload', 'blurCallback', 'handleGetContent', 'initializeEditor', 'clearEditorData', 'plainTextSwitchCallback', 'onWindowClick', 'toggleEditor'];
 
     _editorUtils.bind.apply(_assertThisInitialized(_this), methods);
 
@@ -108,20 +109,22 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           editorOptions = _this$props$editorOpt === void 0 ? {} : _this$props$editorOpt,
           _this$props$needEdito = _this$props.needEditorFocus,
           needEditorFocus = _this$props$needEdito === void 0 ? true : _this$props$needEdito,
+          handleDropUpload = _this$props.handleDropUpload,
           fontFamily = _this$props.fontFamily,
           fontSize = _this$props.fontSize,
           initCallback = _this$props.initCallback,
           handleAlertMessage = _this$props.handleAlertMessage,
-          needInlineAttachment = _this$props.needInlineAttachment,
-          customInitOption = _this$props.customInitOption;
+          needInlineAttachment = _this$props.needInlineAttachment;
 
       if (id && global.ZohoDeskEditor) {
-        var defaultObj = {
+        var _defaultObj;
+
+        var defaultObj = (_defaultObj = {
           id: id,
           content: (0, _editorUtils.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',
@@ -134,27 +137,18 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           mode: mode,
           handleAlertMessage: handleAlertMessage,
           plainTextSwitchCallback: this.plainTextSwitchCallback,
-          imgAspect: true,
-          handleInlineDropImage: needInlineAttachment ? this.handleInlineUpload : null,
-          needInlineAttachHandling: needInlineAttachment,
-          hookOnInsertHTML: _editorUtils.validateEditorContentOnInsertHtml,
-          needCustomPaste: function needCustomPaste(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();
-          }
+          imgAspect: true
+        }, _defineProperty(_defaultObj, "handleInlineDropImage", needInlineAttachment ? this.handleInlineUpload : null), _defineProperty(_defaultObj, "needInlineAttachHandling", needInlineAttachment), _defineProperty(_defaultObj, "hookOnInsertHTML", _editorUtils.validateEditorContentOnInsertHtml), _defineProperty(_defaultObj, "needCustomPaste", function needCustomPaste(event, editorObj) {
+          return true; // By default reply editor needs customPaste, so returning true.
+        }), _defineProperty(_defaultObj, "htmlVersion", '<!Doctype html>'), _defaultObj);
 
-          ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
+        if (!ZohoDeskEditor_Init.init) {
+          global.editorInitialize && global.editorInitialize();
         }
 
         defaultObj = Object.assign(defaultObj, editorOptions);
-        var globalEditor = global.ZohoDeskEditor;
-        globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOption);
+        ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);
+        ZohoDeskEditor.create && ZohoDeskEditor.create(defaultObj);
       }
     }
   }, {
@@ -178,8 +172,8 @@ var TextEditor = /*#__PURE__*/function (_Component) {
       getRef && getRef(null);
     }
   }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(np) {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(np) {
       var changeEditorContent = this.props.changeEditorContent;
       var id = np.id;
       var editorObj = global.editor ? global.editor[id] ? global.editor[id] : {} : {};
@@ -257,8 +251,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
       var _this$props5 = this.props,
           editorCallback = _this$props5.editorCallback,
           getRef = _this$props5.getRef,
-          isCustomScroll = _this$props5.isCustomScroll,
-          customCSS = _this$props5.customCSS;
+          isCustomScroll = _this$props5.isCustomScroll;
       this.setState({
         isEditorLoad: true,
         isEditorShow: true
@@ -270,6 +263,18 @@ var TextEditor = /*#__PURE__*/function (_Component) {
         global.editor[id] = editorObj;
       }
 
+      var 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);
       var iframe = (0, _selectn["default"])('iframe.contentDocument.body', editorObj) || null;
       var iframeHead = (0, _selectn["default"])('iframe.contentDocument.head', editorObj) || null;
@@ -287,12 +292,9 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           iframe.classList.add('scroll');
         }
 
-        var customStyleTag = document.createElement('style');
-        customStyleTag.type = 'text/css';
-        var customizedCSS = "pre {white-space: pre-wrap} ".concat(customCSS);
-        var 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 = "".concat(customizedCSS, " ").concat(fontCSS);
-        iframeHead.appendChild(customStyleTag);
+        var 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);
       }
     }
   }, {
@@ -301,24 +303,12 @@ var TextEditor = /*#__PURE__*/function (_Component) {
       var _this$props6 = this.props,
           id = _this$props6.id,
           progress = _this$props6.setInlineAttachmentInProgress,
-          i18nKeys = _this$props6.i18nKeys,
-          inlineImageProps = _this$props6.inlineImageProps;
-      var fileUploadError = i18nKeys.fileUploadError,
-          fileNotSupported = i18nKeys.fileNotSupported,
-          fileSizeLimitExceed = i18nKeys.fileSizeLimitExceed,
-          fileEmptyError = i18nKeys.fileEmptyError,
-          fileNameLimitExceed = i18nKeys.fileNameLimitExceed;
-      var _inlineImageProps$all = inlineImageProps.allowedFileExtensions,
-          allowedFileExtensions = _inlineImageProps$all === void 0 ? ["jpeg", "jpg", "png", "gif", "bmp", "ico"] : _inlineImageProps$all,
-          _inlineImageProps$fil = inlineImageProps.fileNameMaxCharacters,
-          fileNameMaxCharacters = _inlineImageProps$fil === void 0 ? 200 : _inlineImageProps$fil,
-          _inlineImageProps$fil2 = inlineImageProps.fileSizeMaxBytes,
-          fileSizeMaxBytes = _inlineImageProps$fil2 === void 0 ? 3 * 1024 * 1024 : _inlineImageProps$fil2;
-
-      if (!(0, _editorUtils.isFileNameSizeInvalid)(file.name, fileNameMaxCharacters)) {
+          i18nKeys = _this$props6.i18nKeys;
+
+      if (!(0, _editorUtils.isFileNameSizeInvalid)(file.name)) {
         if (file.size != 0) {
-          if (file.size <= fileSizeMaxBytes) {
-            if ((0, _editorUtils.isImageFormat)(file.name, allowedFileExtensions)) {
+          if (file.size <= 3 * 1024 * 1024) {
+            if ((0, _editorUtils.isImageFormat)(file.name)) {
               progress && progress(true);
               this.handleUpload(file).then(function (res) {
                 successCallback(res);
@@ -328,33 +318,36 @@ var TextEditor = /*#__PURE__*/function (_Component) {
                   (0, _editorUtils.triggerKeyup)(editorObj.doc);
                 }
               }, function () {
-                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();
-    //     }
-    //   );
-    // }
-
+    }
+  }, {
+    key: "handleDropUpload",
+    value: function handleDropUpload(file, successCallback, failureCallback) {
+      var e = {
+        target: {
+          files: [file]
+        }
+      };
+      var handleDropUpload = this.props.handleDropUpload;
+      handleDropUpload(e).then(function (res) {
+        successCallback(res);
+      }, function () {
+        failureCallback();
+      });
+    }
   }, {
     key: "blurCallback",
     value: function blurCallback() {
@@ -379,7 +372,15 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           formData.append(getCSRFCookieName(), getCSRFCookie());
         }
 
-        return onUpload(formData, file);
+        return onUpload(formData, file).then(function (res) {
+          if (editorMode === 'TicketReply') {
+            return "".concat(res.data, "&from=r");
+          }
+
+          return res.data;
+        }, function (err) {
+          throw err;
+        });
       } catch (err) {
         return Promise.reject();
       }
@@ -443,7 +444,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
       }), editorDoc && ImgLazyLoad ? /*#__PURE__*/_react["default"].createElement(ImgLazyLoad, {
         node: editorDoc
       }) : null, isReadOnly ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: _TextEditorModule["default"].readOnlyMask
+        "class": _TextEditorModule["default"].readOnlyMask
       }) : null);
     }
   }]);

package/lib/form/fields/TextEditor/props/defaultProps.js

@@ -15,8 +15,6 @@ var defaultProps = {
   needInlineAttachment: false,
   isNightMode: false,
   isReadOnly: false,
-  dataSelectorId: 'textEditor',
-  customCSS: '',
-  inlineImageProps: {}
+  dataSelectorId: 'textEditor'
 };
 exports.defaultProps = defaultProps;