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

package/README.md

@@ -9,7 +9,7 @@ In this Library, we Provide Some Basic Components to Build Your Application
         - `allowedFileExtensions: ["jpeg", "jpg", "png", "gif", "bmp", "ico"]`
         - `fileNameMaxCharacters: 200,`
         - `fileSizeMaxBytes: 3 * 1024 * 1024`
-  - `customInitOptions` prop added, using this can initialize the editor details.
+  - `customInitOption` prop added, using this can initialize the editor details.
   - `customCSS` prop suppported to customize the style to apply for editor, it adds css in style tag.
   - In `handleUpload` method reverted the `TicketReply` editor specific case handle.
   

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

@@ -60,7 +60,7 @@ export default class TextEditor extends Component {
       initCallback,
       handleAlertMessage,
       needInlineAttachment,
-      customInitOptions
+      customInitOption
     } = this.props;
 
     if (id && global.ZohoDeskEditor) {
@@ -92,7 +92,7 @@ export default class TextEditor extends Component {
         htmlVersion: '<!Doctype html>'
       };
 
-      if (!customInitOptions) {
+      if (!customInitOption) {
         if (!ZohoDeskEditor_Init.init) {
           global.editorInitialize && global.editorInitialize();
         }
@@ -102,7 +102,7 @@ export default class TextEditor extends Component {
 
       defaultObj = Object.assign(defaultObj, editorOptions);
       const globalEditor = global.ZohoDeskEditor;
-      globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOptions);
+      globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOption);
     }
   }
 
@@ -241,9 +241,10 @@ export default class TextEditor extends Component {
       }
 
       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.innerText = `${customizedCSS} ${fontCSS}`;
+      customStyleTag.textContent = `${customizedCSS} ${fontCSS}`;
       iframeHead.appendChild(customStyleTag);
     }
   }
@@ -263,9 +264,9 @@ export default class TextEditor extends Component {
       fileNameLimitExceed
     } = i18nKeys;
     const {
-      allowedFileExtensions,
-      fileNameMaxCharacters,
-      fileSizeMaxBytes
+      allowedFileExtensions = ["jpeg", "jpg", "png", "gif", "bmp", "ico"],
+      fileNameMaxCharacters = 200,
+      fileSizeMaxBytes = 3 * 1024 * 1024
     } = inlineImageProps;
 
     if (!isFileNameSizeInvalid(file.name, fileNameMaxCharacters)) {

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

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

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

@@ -43,7 +43,7 @@ export const propTypes = {
   isEditorDefaultOpen: PropTypes.bool,
   toggleEdit: PropTypes.func,
   dataSelectorId: PropTypes.string,
-  customInitOptions: PropTypes.object,
+  customInitOption: PropTypes.object,
   customCSS: PropTypes.string,
   inlineImageProps: PropTypes.shape({
     allowedFileExtensions: PropTypes.array,

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

@@ -60,7 +60,7 @@ export default class TextEditor extends Component {
       initCallback,
       handleAlertMessage,
       needInlineAttachment,
-      customInitOptions
+      customInitOption
     } = this.props;
 
     if (id && global.ZohoDeskEditor) {
@@ -92,7 +92,7 @@ export default class TextEditor extends Component {
         htmlVersion: '<!Doctype html>'
       };
 
-      if (!customInitOptions) {
+      if (!customInitOption) {
         if (!ZohoDeskEditor_Init.init) {
           global.editorInitialize && global.editorInitialize();
         }
@@ -102,7 +102,7 @@ export default class TextEditor extends Component {
 
       defaultObj = Object.assign(defaultObj, editorOptions);
       const globalEditor = global.ZohoDeskEditor;
-      globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOptions);
+      globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOption);
     }
   }
 
@@ -241,9 +241,10 @@ export default class TextEditor extends Component {
       }
 
       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.innerText = `${customizedCSS} ${fontCSS}`;
+      customStyleTag.textContent = `${customizedCSS} ${fontCSS}`;
       iframeHead.appendChild(customStyleTag);
     }
   }
@@ -263,9 +264,9 @@ export default class TextEditor extends Component {
       fileNameLimitExceed
     } = i18nKeys;
     const {
-      allowedFileExtensions,
-      fileNameMaxCharacters,
-      fileSizeMaxBytes
+      allowedFileExtensions = ["jpeg", "jpg", "png", "gif", "bmp", "ico"],
+      fileNameMaxCharacters = 200,
+      fileSizeMaxBytes = 3 * 1024 * 1024
     } = inlineImageProps;
 
     if (!isFileNameSizeInvalid(file.name, fileNameMaxCharacters)) {

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

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

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

@@ -43,6 +43,8 @@ export const propTypes = {
   isEditorDefaultOpen: PropTypes.bool,
   toggleEdit: PropTypes.func,
   dataSelectorId: PropTypes.string,
+  customInitOption: PropTypes.object,
+  customCSS: PropTypes.string,
   inlineImageProps: PropTypes.shape({
     allowedFileExtensions: PropTypes.array,
     fileNameMaxCharacters: PropTypes.number,

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

@@ -113,7 +113,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           initCallback = _this$props.initCallback,
           handleAlertMessage = _this$props.handleAlertMessage,
           needInlineAttachment = _this$props.needInlineAttachment,
-          customInitOptions = _this$props.customInitOptions;
+          customInitOption = _this$props.customInitOption;
 
       if (id && global.ZohoDeskEditor) {
         var defaultObj = {
@@ -144,7 +144,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           htmlVersion: '<!Doctype html>'
         };
 
-        if (!customInitOptions) {
+        if (!customInitOption) {
           if (!ZohoDeskEditor_Init.init) {
             global.editorInitialize && global.editorInitialize();
           }
@@ -154,7 +154,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
 
         defaultObj = Object.assign(defaultObj, editorOptions);
         var globalEditor = global.ZohoDeskEditor;
-        globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOptions);
+        globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOption);
       }
     }
   }, {
@@ -288,9 +288,10 @@ var TextEditor = /*#__PURE__*/function (_Component) {
         }
 
         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.innerText = "".concat(customizedCSS, " ").concat(fontCSS);
+        customStyleTag.textContent = "".concat(customizedCSS, " ").concat(fontCSS);
         iframeHead.appendChild(customStyleTag);
       }
     }
@@ -307,9 +308,12 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           fileSizeLimitExceed = i18nKeys.fileSizeLimitExceed,
           fileEmptyError = i18nKeys.fileEmptyError,
           fileNameLimitExceed = i18nKeys.fileNameLimitExceed;
-      var allowedFileExtensions = inlineImageProps.allowedFileExtensions,
-          fileNameMaxCharacters = inlineImageProps.fileNameMaxCharacters,
-          fileSizeMaxBytes = inlineImageProps.fileSizeMaxBytes;
+      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)) {
         if (file.size != 0) {

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

@@ -17,10 +17,6 @@ var defaultProps = {
   isReadOnly: false,
   dataSelectorId: 'textEditor',
   customCSS: '',
-  inlineImageProps: {
-    allowedFileExtensions: ["jpeg", "jpg", "png", "gif", "bmp", "ico"],
-    fileNameMaxCharacters: 200,
-    fileSizeMaxBytes: 3 * 1024 * 1024
-  }
+  inlineImageProps: {}
 };
 exports.defaultProps = defaultProps;

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

@@ -53,7 +53,7 @@ var propTypes = {
   isEditorDefaultOpen: _propTypes["default"].bool,
   toggleEdit: _propTypes["default"].func,
   dataSelectorId: _propTypes["default"].string,
-  customInitOptions: _propTypes["default"].object,
+  customInitOption: _propTypes["default"].object,
   customCSS: _propTypes["default"].string,
   inlineImageProps: _propTypes["default"].shape({
     allowedFileExtensions: _propTypes["default"].array,

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

@@ -113,7 +113,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           initCallback = _this$props.initCallback,
           handleAlertMessage = _this$props.handleAlertMessage,
           needInlineAttachment = _this$props.needInlineAttachment,
-          customInitOptions = _this$props.customInitOptions;
+          customInitOption = _this$props.customInitOption;
 
       if (id && global.ZohoDeskEditor) {
         var defaultObj = {
@@ -144,7 +144,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           htmlVersion: '<!Doctype html>'
         };
 
-        if (!customInitOptions) {
+        if (!customInitOption) {
           if (!ZohoDeskEditor_Init.init) {
             global.editorInitialize && global.editorInitialize();
           }
@@ -154,7 +154,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
 
         defaultObj = Object.assign(defaultObj, editorOptions);
         var globalEditor = global.ZohoDeskEditor;
-        globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOptions);
+        globalEditor && typeof globalEditor.create == 'function' && globalEditor.create(defaultObj, customInitOption);
       }
     }
   }, {
@@ -288,9 +288,10 @@ var TextEditor = /*#__PURE__*/function (_Component) {
         }
 
         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.innerText = "".concat(customizedCSS, " ").concat(fontCSS);
+        customStyleTag.textContent = "".concat(customizedCSS, " ").concat(fontCSS);
         iframeHead.appendChild(customStyleTag);
       }
     }
@@ -307,9 +308,12 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           fileSizeLimitExceed = i18nKeys.fileSizeLimitExceed,
           fileEmptyError = i18nKeys.fileEmptyError,
           fileNameLimitExceed = i18nKeys.fileNameLimitExceed;
-      var allowedFileExtensions = inlineImageProps.allowedFileExtensions,
-          fileNameMaxCharacters = inlineImageProps.fileNameMaxCharacters,
-          fileSizeMaxBytes = inlineImageProps.fileSizeMaxBytes;
+      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)) {
         if (file.size != 0) {

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

@@ -17,10 +17,6 @@ var defaultProps = {
   isReadOnly: false,
   dataSelectorId: 'textEditor',
   customCSS: '',
-  inlineImageProps: {
-    allowedFileExtensions: ["jpeg", "jpg", "png", "gif", "bmp", "ico"],
-    fileNameMaxCharacters: 200,
-    fileSizeMaxBytes: 3 * 1024 * 1024
-  }
+  inlineImageProps: {}
 };
 exports.defaultProps = defaultProps;

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

@@ -53,6 +53,8 @@ var propTypes = {
   isEditorDefaultOpen: _propTypes["default"].bool,
   toggleEdit: _propTypes["default"].func,
   dataSelectorId: _propTypes["default"].string,
+  customInitOption: _propTypes["default"].object,
+  customCSS: _propTypes["default"].string,
   inlineImageProps: _propTypes["default"].shape({
     allowedFileExtensions: _propTypes["default"].array,
     fileNameMaxCharacters: _propTypes["default"].number,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-197.4",
+  "version": "1.0.0-temp-197.5",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,