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

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

@@ -251,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
@@ -264,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;
@@ -281,11 +292,9 @@ var TextEditor = /*#__PURE__*/function (_Component) {
           iframe.classList.add('scroll');
         }
 
-        var customStyleTag = document.createElement('style');
-        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);
-        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);
       }
     }
   }, {
@@ -294,21 +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 allowedFileExtensions = inlineImageProps.allowedFileExtensions,
-          fileNameMaxCharacters = inlineImageProps.fileNameMaxCharacters,
-          fileSizeMax = inlineImageProps.fileSizeMax;
-
-      if (!(0, _editorUtils.isFileNameSizeInvalid)(file.name, fileNameMaxCharacters)) {
+          i18nKeys = _this$props6.i18nKeys;
+
+      if (!(0, _editorUtils.isFileNameSizeInvalid)(file.name)) {
         if (file.size != 0) {
-          if (file.size <= fileSizeMax) {
-            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);
@@ -318,19 +318,19 @@ 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);
       }
     }
   }, {

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

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

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

@@ -52,11 +52,6 @@ var propTypes = {
   getCSRFCookie: _propTypes["default"].string,
   isEditorDefaultOpen: _propTypes["default"].bool,
   toggleEdit: _propTypes["default"].func,
-  dataSelectorId: _propTypes["default"].string,
-  inlineImageProps: {
-    allowedFileExtensions: _propTypes["default"].array,
-    fileNameMaxCharacters: _propTypes["default"].number,
-    fileSizeMax: _propTypes["default"].number
-  }
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/v1/utils/editorUtils.js

@@ -15,8 +15,8 @@ exports.isImageFormat = isImageFormat;
 exports.loadResource = loadResource;
 exports.triggerKeyup = triggerKeyup;
 exports.validateEditorContentOnInsertHtml = validateEditorContentOnInsertHtml;
+var ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
 
-// editorUtils
 function editorContentValidate(editorObj) {
   var content = editorObj && editorObj.getContent && editorObj.getContent() || '';
 
@@ -67,14 +67,13 @@ function encodeForHtml(str) {
 } // attachment
 
 
-function isFileNameSizeInvalid(fileName, fileNameMaxCharacters) {
-  return fileName.length > fileNameMaxCharacters;
+function isFileNameSizeInvalid(fileName) {
+  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
 }
 
-function isImageFormat(fileName, allowedFileExtensions) {
+function isImageFormat(fileName) {
   var extension = getExtensionFromFileName(fileName);
-  var isValidExtension = allowedFileExtensions.includes(extension);
-  return isValidExtension;
+  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
 }
 
 function getExtensionFromFileName(fileName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-197.3",
+  "version": "1.0.0-temp-195.2",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -37,7 +37,7 @@
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
     "docs": "npm run css:review && review:props && react-cli docs",
-    "prepublishOnly": "node prePublish.js && npm run download",
+    "prepublishOnly": "node prePublish.js && npm run download && npm run css:review",
     "postpublish": "node postPublish.js",
     "test-clean": "react-cli clean coverage",
     "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
@@ -62,10 +62,10 @@
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
-    "@zohodesk/a11y": "2.2.5",
-    "@zohodesk/components": "1.2.42",
+    "@zohodesk/a11y": "2.2.6",
+    "@zohodesk/components": "1.0.0-temp-207.2",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/icons": "1.0.58",
+    "@zohodesk/icons": "1.0.59",
     "@zohodesk/svg": "1.1.19",
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
@@ -76,13 +76,13 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.42",
-    "@zohodesk/icons": "1.0.58",
+    "@zohodesk/components": "1.2.43",
+    "@zohodesk/icons": "1.0.59",
     "@zohodesk/svg": "1.1.19",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/utils": "1.3.14",
-    "@zohodesk/a11y": "2.2.5"
+    "@zohodesk/a11y": "2.2.6"
   }
 }