@zohodesk/dot 1.0.0-temp-196 → 1.0.0-temp-197

package/es/ActionButton/ActionButton.js

@@ -60,11 +60,7 @@ export class ActionButton extends React.Component {
       getTargetRef,
       removeChildrenTooltip,
       innerClassName,
-      popupGroup,
-      isAbsolutePositioningNeeded,
-      isRestrictScroll,
-      positionsOffset,
-      targetOffset
+      popupGroup
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
@@ -142,11 +138,7 @@ export class ActionButton extends React.Component {
       popupGroup: popupGroup,
       needFocusScope: true,
       onClose: this.handleTogglePopup,
-      dataId: `${dataId}_dropbox`,
-      isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-      isRestrictScroll: isRestrictScroll,
-      positionsOffset: positionsOffset,
-      targetOffset: targetOffset
+      dataId: `${dataId}_dropbox`
     }, /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       shrink: true,

package/es/ActionButton/props/defaultProps.js

@@ -13,7 +13,5 @@ export const defaultProps = {
   isBoxPaddingNeed: true,
   palette: 'primaryFilled',
   removeChildrenTooltip: false,
-  innerClassName: '',
-  isAbsolutePositioningNeeded: true,
-  isRestrictScroll: false
+  innerClassName: ''
 };

package/es/ActionButton/props/propTypes.js

@@ -29,10 +29,5 @@ export const propTypes = {
   innerClassName: PropTypes.string,
   popupGroup: PropTypes.string,
   togglePopup: PropTypes.func,
-  openPopupOnly: PropTypes.func,
-  popupGroup: PropTypes.string,
-  isAbsolutePositioningNeeded: PropTypes.bool,
-  isRestrictScroll: PropTypes.bool,
-  positionsOffset: PropTypes.string,
-  targetOffset: PropTypes.string
+  openPopupOnly: PropTypes.func
 };

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

@@ -255,13 +255,26 @@ export default class TextEditor extends Component {
     let {
       id,
       setInlineAttachmentInProgress: progress,
-      i18nKeys
+      i18nKeys,
+      inlineImageProps
     } = this.props;
-
-    if (!isFileNameSizeInvalid(file.name)) {
+    const {
+      fileUploadError,
+      fileNotSupported,
+      fileSizeLimitExceed,
+      fileEmptyError,
+      fileNameLimitExceed
+    } = i18nKeys;
+    const {
+      fileNameExtensions,
+      fileNameCharacterLimit,
+      fileSizeLimit
+    } = inlineImageProps;
+
+    if (!isFileNameSizeInvalid(file.name, fileNameCharacterLimit)) {
       if (file.size != 0) {
-        if (file.size <= 3 * 1024 * 1024) {
-          if (isImageFormat(file.name)) {
+        if (file.size <= fileSizeLimit) {
+          if (isImageFormat(file.name, fileNameExtensions)) {
             progress && progress(true);
             this.handleUpload(file).then(res => {
               successCallback(res);
@@ -271,19 +284,19 @@ export default class TextEditor extends Component {
                 triggerKeyup(editorObj.doc);
               }
             }, () => {
-              failureCallback(i18nKeys.fileUploadError);
+              failureCallback(fileUploadError);
             });
           } else {
-            failureCallback(i18nKeys.fileNotSupported);
+            failureCallback(fileNotSupported);
           }
         } else {
-          failureCallback(i18nKeys.fileSizeLimitExceed);
+          failureCallback(fileSizeLimitExceed);
         }
       } else {
-        failureCallback(i18nKeys.fileEmptyError);
+        failureCallback(fileEmptyError);
       }
     } else {
-      failureCallback(i18nKeys.fileNameLimitExceed);
+      failureCallback(fileNameLimitExceed);
     }
   }
 

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

@@ -9,5 +9,10 @@ export const defaultProps = {
   needInlineAttachment: false,
   isNightMode: false,
   isReadOnly: false,
-  dataSelectorId: 'textEditor'
+  dataSelectorId: 'textEditor',
+  inlineImageProps: {
+    fileNameExtensions: ["jpeg", "jpg", "png", "gif", "bmp", "ico"],
+    fileNameCharacterLimit: 200,
+    fileSizeLimit: 3 * 1024 * 1024
+  }
 };

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

@@ -42,5 +42,10 @@ export const propTypes = {
   getCSRFCookie: PropTypes.string,
   isEditorDefaultOpen: PropTypes.bool,
   toggleEdit: PropTypes.func,
-  dataSelectorId: PropTypes.string
+  dataSelectorId: PropTypes.string,
+  inlineImageProps: {
+    fileNameExtensions: PropTypes.array,
+    fileNameCharacterLimit: PropTypes.number,
+    fileSizeLimit: PropTypes.number
+  }
 };

package/es/utils/editorUtils.js

@@ -1,5 +1,4 @@
-const ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
-
+// editorUtils
 export function editorContentValidate(editorObj) {
   let content = editorObj && editorObj.getContent && editorObj.getContent() || '';
 
@@ -48,12 +47,13 @@ export function encodeForHtml(str) {
   return str;
 } // attachment
 
-export function isFileNameSizeInvalid(fileName) {
-  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
+export function isFileNameSizeInvalid(fileName, fileNameLimit) {
+  return fileName.length > fileNameLimit;
 }
-export function isImageFormat(fileName) {
+export function isImageFormat(fileName, fileNameExtensions) {
   let extension = getExtensionFromFileName(fileName);
-  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
+  const isValidExtension = fileNameExtensions.includes(extension);
+  return isValidExtension;
 }
 export function getExtensionFromFileName(fileName) {
   if (fileName && fileName.indexOf('.') != -1) {

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

@@ -255,13 +255,26 @@ export default class TextEditor extends Component {
     let {
       id,
       setInlineAttachmentInProgress: progress,
-      i18nKeys
+      i18nKeys,
+      inlineImageProps
     } = this.props;
-
-    if (!isFileNameSizeInvalid(file.name)) {
+    const {
+      fileUploadError,
+      fileNotSupported,
+      fileSizeLimitExceed,
+      fileEmptyError,
+      fileNameLimitExceed
+    } = i18nKeys;
+    const {
+      fileNameExtensions,
+      fileNameCharacterLimit,
+      fileSizeLimit
+    } = inlineImageProps;
+
+    if (!isFileNameSizeInvalid(file.name, fileNameCharacterLimit)) {
       if (file.size != 0) {
-        if (file.size <= 3 * 1024 * 1024) {
-          if (isImageFormat(file.name)) {
+        if (file.size <= fileSizeLimit) {
+          if (isImageFormat(file.name, fileNameExtensions)) {
             progress && progress(true);
             this.handleUpload(file).then(res => {
               successCallback(res);
@@ -271,19 +284,19 @@ export default class TextEditor extends Component {
                 triggerKeyup(editorObj.doc);
               }
             }, () => {
-              failureCallback(i18nKeys.fileUploadError);
+              failureCallback(fileUploadError);
             });
           } else {
-            failureCallback(i18nKeys.fileNotSupported);
+            failureCallback(fileNotSupported);
           }
         } else {
-          failureCallback(i18nKeys.fileSizeLimitExceed);
+          failureCallback(fileSizeLimitExceed);
         }
       } else {
-        failureCallback(i18nKeys.fileEmptyError);
+        failureCallback(fileEmptyError);
       }
     } else {
-      failureCallback(i18nKeys.fileNameLimitExceed);
+      failureCallback(fileNameLimitExceed);
     }
   }
 

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

@@ -9,5 +9,10 @@ export const defaultProps = {
   needInlineAttachment: false,
   isNightMode: false,
   isReadOnly: false,
-  dataSelectorId: 'textEditor'
+  dataSelectorId: 'textEditor',
+  inlineImageProps: {
+    fileNameExtensions: ["jpeg", "jpg", "png", "gif", "bmp", "ico"],
+    fileNameCharacterLimit: 200,
+    fileSizeLimit: 3 * 1024 * 1024
+  }
 };

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

@@ -42,5 +42,10 @@ export const propTypes = {
   getCSRFCookie: PropTypes.string,
   isEditorDefaultOpen: PropTypes.bool,
   toggleEdit: PropTypes.func,
-  dataSelectorId: PropTypes.string
+  dataSelectorId: PropTypes.string,
+  inlineImageProps: {
+    fileNameExtensions: PropTypes.array,
+    fileNameCharacterLimit: PropTypes.number,
+    fileSizeLimit: PropTypes.number
+  }
 };

package/es/v1/utils/editorUtils.js

@@ -1,5 +1,4 @@
-const ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
-
+// editorUtils
 export function editorContentValidate(editorObj) {
   let content = editorObj && editorObj.getContent && editorObj.getContent() || '';
 
@@ -48,12 +47,13 @@ export function encodeForHtml(str) {
   return str;
 } // attachment
 
-export function isFileNameSizeInvalid(fileName) {
-  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
+export function isFileNameSizeInvalid(fileName, fileNameLimit) {
+  return fileName.length > fileNameLimit;
 }
-export function isImageFormat(fileName) {
+export function isImageFormat(fileName, fileNameExtensions) {
   let extension = getExtensionFromFileName(fileName);
-  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
+  const isValidExtension = fileNameExtensions.includes(extension);
+  return isValidExtension;
 }
 export function getExtensionFromFileName(fileName) {
   if (fileName && fileName.indexOf('.') != -1) {

package/lib/ActionButton/ActionButton.js

@@ -113,11 +113,7 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
           getTargetRef = _this$props3.getTargetRef,
           removeChildrenTooltip = _this$props3.removeChildrenTooltip,
           innerClassName = _this$props3.innerClassName,
-          popupGroup = _this$props3.popupGroup,
-          isAbsolutePositioningNeeded = _this$props3.isAbsolutePositioningNeeded,
-          isRestrictScroll = _this$props3.isRestrictScroll,
-          positionsOffset = _this$props3.positionsOffset,
-          targetOffset = _this$props3.targetOffset;
+          popupGroup = _this$props3.popupGroup;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
         isCover: false,
@@ -194,11 +190,7 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
         popupGroup: popupGroup,
         needFocusScope: true,
         onClose: this.handleTogglePopup,
-        dataId: "".concat(dataId, "_dropbox"),
-        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-        isRestrictScroll: isRestrictScroll,
-        positionsOffset: positionsOffset,
-        targetOffset: targetOffset
+        dataId: "".concat(dataId, "_dropbox")
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         shrink: true,

package/lib/ActionButton/props/defaultProps.js

@@ -19,8 +19,6 @@ var defaultProps = {
   isBoxPaddingNeed: true,
   palette: 'primaryFilled',
   removeChildrenTooltip: false,
-  innerClassName: '',
-  isAbsolutePositioningNeeded: true,
-  isRestrictScroll: false
+  innerClassName: ''
 };
 exports.defaultProps = defaultProps;

package/lib/ActionButton/props/propTypes.js

@@ -5,44 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = void 0;
 
-var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
-var _propTypes;
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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; }
-
-var propTypes = (_propTypes = {
-  dataSelectorId: _propTypes2["default"].string,
-  arrowBoxSize: _propTypes2["default"].oneOf(['small', 'medium']),
-  children: _propTypes2["default"].node,
-  className: _propTypes2["default"].string,
-  dataId: _propTypes2["default"].string,
-  dataTitle: _propTypes2["default"].string,
-  dropBoxClass: _propTypes2["default"].string,
-  defaultPosition: _propTypes2["default"].string,
-  position: _propTypes2["default"].string,
-  iconName: _propTypes2["default"].string,
-  iconSize: _propTypes2["default"].string,
-  isArrow: _propTypes2["default"].bool,
-  isBoxPaddingNeed: _propTypes2["default"].bool,
-  isDisabled: _propTypes2["default"].bool,
-  isLoading: _propTypes2["default"].bool,
-  isPopupOpen: _propTypes2["default"].bool,
-  onClick: _propTypes2["default"].func,
-  onHover: _propTypes2["default"].bool,
-  palette: _propTypes2["default"].oneOf(['primaryFilled', 'primary']),
-  removeClose: _propTypes2["default"].func,
-  size: _propTypes2["default"].oneOf(['small', 'medium', 'large']),
-  subText: _propTypes2["default"].string,
-  text: _propTypes2["default"].string,
-  getContainerRef: _propTypes2["default"].func,
-  getTargetRef: _propTypes2["default"].func,
-  removeChildrenTooltip: _propTypes2["default"].bool,
-  innerClassName: _propTypes2["default"].string,
-  popupGroup: _propTypes2["default"].string,
-  togglePopup: _propTypes2["default"].func,
-  openPopupOnly: _propTypes2["default"].func
-}, _defineProperty(_propTypes, "popupGroup", _propTypes2["default"].string), _defineProperty(_propTypes, "isAbsolutePositioningNeeded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isRestrictScroll", _propTypes2["default"].bool), _defineProperty(_propTypes, "positionsOffset", _propTypes2["default"].string), _defineProperty(_propTypes, "targetOffset", _propTypes2["default"].string), _propTypes);
+var propTypes = {
+  dataSelectorId: _propTypes["default"].string,
+  arrowBoxSize: _propTypes["default"].oneOf(['small', 'medium']),
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  dataTitle: _propTypes["default"].string,
+  dropBoxClass: _propTypes["default"].string,
+  defaultPosition: _propTypes["default"].string,
+  position: _propTypes["default"].string,
+  iconName: _propTypes["default"].string,
+  iconSize: _propTypes["default"].string,
+  isArrow: _propTypes["default"].bool,
+  isBoxPaddingNeed: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isLoading: _propTypes["default"].bool,
+  isPopupOpen: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onHover: _propTypes["default"].bool,
+  palette: _propTypes["default"].oneOf(['primaryFilled', 'primary']),
+  removeClose: _propTypes["default"].func,
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  subText: _propTypes["default"].string,
+  text: _propTypes["default"].string,
+  getContainerRef: _propTypes["default"].func,
+  getTargetRef: _propTypes["default"].func,
+  removeChildrenTooltip: _propTypes["default"].bool,
+  innerClassName: _propTypes["default"].string,
+  popupGroup: _propTypes["default"].string,
+  togglePopup: _propTypes["default"].func,
+  openPopupOnly: _propTypes["default"].func
+};
 exports.propTypes = propTypes;

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

@@ -303,12 +303,21 @@ var TextEditor = /*#__PURE__*/function (_Component) {
       var _this$props6 = this.props,
           id = _this$props6.id,
           progress = _this$props6.setInlineAttachmentInProgress,
-          i18nKeys = _this$props6.i18nKeys;
-
-      if (!(0, _editorUtils.isFileNameSizeInvalid)(file.name)) {
+          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 fileNameExtensions = inlineImageProps.fileNameExtensions,
+          fileNameCharacterLimit = inlineImageProps.fileNameCharacterLimit,
+          fileSizeLimit = inlineImageProps.fileSizeLimit;
+
+      if (!(0, _editorUtils.isFileNameSizeInvalid)(file.name, fileNameCharacterLimit)) {
         if (file.size != 0) {
-          if (file.size <= 3 * 1024 * 1024) {
-            if ((0, _editorUtils.isImageFormat)(file.name)) {
+          if (file.size <= fileSizeLimit) {
+            if ((0, _editorUtils.isImageFormat)(file.name, fileNameExtensions)) {
               progress && progress(true);
               this.handleUpload(file).then(function (res) {
                 successCallback(res);
@@ -318,19 +327,19 @@ var TextEditor = /*#__PURE__*/function (_Component) {
                   (0, _editorUtils.triggerKeyup)(editorObj.doc);
                 }
               }, function () {
-                failureCallback(i18nKeys.fileUploadError);
+                failureCallback(fileUploadError);
               });
             } else {
-              failureCallback(i18nKeys.fileNotSupported);
+              failureCallback(fileNotSupported);
             }
           } else {
-            failureCallback(i18nKeys.fileSizeLimitExceed);
+            failureCallback(fileSizeLimitExceed);
           }
         } else {
-          failureCallback(i18nKeys.fileEmptyError);
+          failureCallback(fileEmptyError);
         }
       } else {
-        failureCallback(i18nKeys.fileNameLimitExceed);
+        failureCallback(fileNameLimitExceed);
       }
     }
   }, {

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

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

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

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

package/lib/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,13 +67,14 @@ function encodeForHtml(str) {
 } // attachment
 
 
-function isFileNameSizeInvalid(fileName) {
-  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
+function isFileNameSizeInvalid(fileName, fileNameLimit) {
+  return fileName.length > fileNameLimit;
 }
 
-function isImageFormat(fileName) {
+function isImageFormat(fileName, fileNameExtensions) {
   var extension = getExtensionFromFileName(fileName);
-  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
+  var isValidExtension = fileNameExtensions.includes(extension);
+  return isValidExtension;
 }
 
 function getExtensionFromFileName(fileName) {

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

@@ -303,12 +303,21 @@ var TextEditor = /*#__PURE__*/function (_Component) {
       var _this$props6 = this.props,
           id = _this$props6.id,
           progress = _this$props6.setInlineAttachmentInProgress,
-          i18nKeys = _this$props6.i18nKeys;
-
-      if (!(0, _editorUtils.isFileNameSizeInvalid)(file.name)) {
+          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 fileNameExtensions = inlineImageProps.fileNameExtensions,
+          fileNameCharacterLimit = inlineImageProps.fileNameCharacterLimit,
+          fileSizeLimit = inlineImageProps.fileSizeLimit;
+
+      if (!(0, _editorUtils.isFileNameSizeInvalid)(file.name, fileNameCharacterLimit)) {
         if (file.size != 0) {
-          if (file.size <= 3 * 1024 * 1024) {
-            if ((0, _editorUtils.isImageFormat)(file.name)) {
+          if (file.size <= fileSizeLimit) {
+            if ((0, _editorUtils.isImageFormat)(file.name, fileNameExtensions)) {
               progress && progress(true);
               this.handleUpload(file).then(function (res) {
                 successCallback(res);
@@ -318,19 +327,19 @@ var TextEditor = /*#__PURE__*/function (_Component) {
                   (0, _editorUtils.triggerKeyup)(editorObj.doc);
                 }
               }, function () {
-                failureCallback(i18nKeys.fileUploadError);
+                failureCallback(fileUploadError);
               });
             } else {
-              failureCallback(i18nKeys.fileNotSupported);
+              failureCallback(fileNotSupported);
             }
           } else {
-            failureCallback(i18nKeys.fileSizeLimitExceed);
+            failureCallback(fileSizeLimitExceed);
           }
         } else {
-          failureCallback(i18nKeys.fileEmptyError);
+          failureCallback(fileEmptyError);
         }
       } else {
-        failureCallback(i18nKeys.fileNameLimitExceed);
+        failureCallback(fileNameLimitExceed);
       }
     }
   }, {

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

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

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

@@ -52,6 +52,11 @@ var propTypes = {
   getCSRFCookie: _propTypes["default"].string,
   isEditorDefaultOpen: _propTypes["default"].bool,
   toggleEdit: _propTypes["default"].func,
-  dataSelectorId: _propTypes["default"].string
+  dataSelectorId: _propTypes["default"].string,
+  inlineImageProps: {
+    fileNameExtensions: _propTypes["default"].array,
+    fileNameCharacterLimit: _propTypes["default"].number,
+    fileSizeLimit: _propTypes["default"].number
+  }
 };
 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,13 +67,14 @@ function encodeForHtml(str) {
 } // attachment
 
 
-function isFileNameSizeInvalid(fileName) {
-  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
+function isFileNameSizeInvalid(fileName, fileNameLimit) {
+  return fileName.length > fileNameLimit;
 }
 
-function isImageFormat(fileName) {
+function isImageFormat(fileName, fileNameExtensions) {
   var extension = getExtensionFromFileName(fileName);
-  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
+  var isValidExtension = fileNameExtensions.includes(extension);
+  return isValidExtension;
 }
 
 function getExtensionFromFileName(fileName) {

package/package.json

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