@atlaskit/editor-common 72.2.0 → 72.2.2

package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js

@@ -7,66 +7,47 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "closeOnTab"];
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React, { PureComponent } from 'react';
 import ReactDOM from 'react-dom';
 import ReactEditorViewContext from './ReactEditorViewContext';
-
 var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
   _inherits(WithOutsideClick, _PureComponent);
-
   var _super = _createSuper(WithOutsideClick);
-
   function WithOutsideClick() {
     var _this;
-
     _classCallCheck(this, WithOutsideClick);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "handleClick", function (evt) {
       if (!_this.props.isActiveComponent) {
         return;
       }
-
       var domNode = ReactDOM.findDOMNode(_assertThisInitialized(_this)); // eslint-disable-line react/no-find-dom-node
-
       if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
         if (_this.props.handleClickOutside) {
           var _this$props$editorVie;
-
-          _this.props.handleClickOutside(evt); //When the menus are closed by clicking outside the focus is set on editor.
-
-
+          _this.props.handleClickOutside(evt);
+          //When the menus are closed by clicking outside the focus is set on editor.
           if (!((_this$props$editorVie = _this.props.editorView) !== null && _this$props$editorVie !== void 0 && _this$props$editorVie.hasFocus())) {
             var _this$props$editorVie2;
-
             (_this$props$editorVie2 = _this.props.editorView) === null || _this$props$editorVie2 === void 0 ? void 0 : _this$props$editorVie2.focus();
           }
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleKeydown", function (evt) {
       if (!_this.props.isActiveComponent) {
         return;
       }
-
       if (evt.code === 'Escape' && _this.props.handleEscapeKeydown) {
         evt.preventDefault();
         evt.stopPropagation();
-
-        _this.props.handleEscapeKeydown(evt); //on 'Esc', Focus is handled in 'handleEscapeKeydown'.
-
-
+        _this.props.handleEscapeKeydown(evt);
+        //on 'Esc', Focus is handled in 'handleEscapeKeydown'.
         return false;
       } else if (evt.code === 'Enter' && _this.props.handleEnterKeydown) {
         _this.props.handleEnterKeydown(evt);
@@ -75,20 +56,16 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
         _this.props.handleEscapeKeydown(evt);
       }
     });
-
     return _this;
   }
-
   _createClass(WithOutsideClick, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.handleClickOutside) {
         document.addEventListener('click', this.handleClick, false);
       }
-
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef;
-
         //Attached event to the menu so that 'ESC' events from the opened menu also will be handled.
         (((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || this.props.targetRef || document).addEventListener('keydown', this.handleKeydown, false);
       }
@@ -99,10 +76,8 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       if (this.props.handleClickOutside) {
         document.removeEventListener('click', this.handleClick, false);
       }
-
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef2;
-
         (((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || this.props.targetRef || document).removeEventListener('keydown', this.handleKeydown, false);
       }
     }
@@ -112,26 +87,22 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       return this.props.children;
     }
   }]);
-
   return WithOutsideClick;
 }(PureComponent);
-
 function hasIsOpen(props) {
   return 'isOpen' in props;
 }
-
 export default function withReactEditorViewOuterListeners(Component) {
   return function (_ref) {
     var handleClickOutside = _ref.handleClickOutside,
-        handleEnterKeydown = _ref.handleEnterKeydown,
-        handleEscapeKeydown = _ref.handleEscapeKeydown,
-        closeOnTab = _ref.closeOnTab,
-        props = _objectWithoutProperties(_ref, _excluded);
-
+      handleEnterKeydown = _ref.handleEnterKeydown,
+      handleEscapeKeydown = _ref.handleEscapeKeydown,
+      closeOnTab = _ref.closeOnTab,
+      props = _objectWithoutProperties(_ref, _excluded);
     var isActiveComponent = hasIsOpen(props) ? props.isOpen : true;
     return /*#__PURE__*/React.createElement(ReactEditorViewContext.Consumer, null, function (_ref2) {
       var editorView = _ref2.editorView,
-          editorRef = _ref2.editorRef;
+        editorRef = _ref2.editorRef;
       return /*#__PURE__*/React.createElement(WithOutsideClick, {
         editorView: editorView,
         editorRef: editorRef,

package/dist/esm/utils/analytics.js

@@ -3,16 +3,12 @@ export var getAnalyticsAppearance = function getAnalyticsAppearance(appearance)
   switch (appearance) {
     case 'full-page':
       return EDITOR_APPEARANCE_CONTEXT.FIXED_WIDTH;
-
     case 'full-width':
       return EDITOR_APPEARANCE_CONTEXT.FULL_WIDTH;
-
     case 'comment':
       return EDITOR_APPEARANCE_CONTEXT.COMMENT;
-
     case 'chromeless':
       return EDITOR_APPEARANCE_CONTEXT.CHROMELESS;
-
     case 'mobile':
       return EDITOR_APPEARANCE_CONTEXT.MOBILE;
   }
@@ -21,20 +17,16 @@ export var getAnalyticsEventSeverity = function getAnalyticsEventSeverity(durati
   if (duration > normalThreshold && duration <= degradedThreshold) {
     return SEVERITY.DEGRADED;
   }
-
   if (duration > degradedThreshold) {
     return SEVERITY.BLOCKING;
   }
-
   return SEVERITY.NORMAL;
 };
 export var SEVERITY;
-
 (function (SEVERITY) {
   SEVERITY["NORMAL"] = "normal";
   SEVERITY["DEGRADED"] = "degraded";
   SEVERITY["BLOCKING"] = "blocking";
 })(SEVERITY || (SEVERITY = {}));
-
 export { UNSUPPORTED_CONTENT_LEVEL_SEVERITY, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS } from './unsupportedContent/get-unsupported-content-level-data';
 export var analyticsEventKey = 'EDITOR_ANALYTICS_EVENT';

package/dist/esm/utils/annotation/index.js

@@ -1,39 +1,35 @@
 export var canApplyAnnotationOnRange = function canApplyAnnotationOnRange(rangeSelection, doc, schema) {
   var from = rangeSelection.from,
-      to = rangeSelection.to;
-
+    to = rangeSelection.to;
   if (isNaN(from + to) || to - from <= 0 || to < 0 || from < 0) {
     return false;
   }
-
   var foundInvalid = false;
   doc.nodesBetween(rangeSelection.from, rangeSelection.to, function (node, _pos, parent) {
     // Special exception for hardBreak nodes
     if (schema.nodes.hardBreak === node.type) {
       return false;
-    } // For block elements or text nodes, we want to check
+    }
+
+    // For block elements or text nodes, we want to check
     // if annotations are allowed inside this tree
     // or if we're leaf and not text
-
-
     if (node.isInline && !node.isText || node.isLeaf && !node.isText || node.isText && !parent.type.allowsMarkType(schema.marks.annotation)) {
       foundInvalid = true;
       return false;
     }
-
     return true;
   });
   return !foundInvalid;
 };
 export var getAnnotationIdsFromRange = function getAnnotationIdsFromRange(rangeSelection, doc, schema) {
   var from = rangeSelection.from,
-      to = rangeSelection.to;
+    to = rangeSelection.to;
   var annotations = new Set();
   doc.nodesBetween(from, to, function (node) {
     if (!node.marks) {
       return true;
     }
-
     node.marks.forEach(function (mark) {
       if (mark.type === schema.marks.annotation && mark.attrs) {
         annotations.add(mark.attrs.id);

package/dist/esm/utils/breakout.js

@@ -2,12 +2,12 @@ import { akEditorBreakoutPadding, akEditorDefaultLayoutWidth, akEditorFullWidthL
 import { mapBreakpointToLayoutMaxWidth } from '../ui/BaseTheme';
 import { getBreakpoint } from '../ui/WidthProvider';
 import { parsePx } from './dom';
+
 /**
  * Variables required to construct a context for breakout ssr inline script.
  *
  * TODO: Clean this up after: https://product-fabric.atlassian.net/browse/ED-8942
  */
-
 var breakoutConsts = {
   padding: akEditorBreakoutPadding,
   defaultLayoutWidth: akEditorDefaultLayoutWidth,
@@ -16,21 +16,17 @@ var breakoutConsts = {
   wideLayoutWidth: akEditorWideLayoutWidth,
   mapBreakpointToLayoutMaxWidth: mapBreakpointToLayoutMaxWidth,
   getBreakpoint: getBreakpoint,
-
   /**
    * Consumers are opinionated that this will always return a string ending in
    * `px` when called with `full-width` or `wide` as the layout parameter.
    */
   calcBreakoutWidth: function calcBreakoutWidth(layout, containerWidth) {
     var effectiveFullWidth = containerWidth - breakoutConsts.padding;
-
     switch (layout) {
       case 'full-width':
         return "".concat(Math.min(effectiveFullWidth, breakoutConsts.fullWidthLayoutWidth), "px");
-
       case 'wide':
         return breakoutConsts.calcWideWidth(containerWidth);
-
       default:
         return '100%';
     }
@@ -49,21 +45,19 @@ var breakoutConsts = {
   }
 };
 export var absoluteBreakoutWidth = function absoluteBreakoutWidth(layout, containerWidth) {
-  var breakoutWidth = breakoutConsts.calcBreakoutWidth(layout, containerWidth); // If it's percent, map to max layout size
+  var breakoutWidth = breakoutConsts.calcBreakoutWidth(layout, containerWidth);
 
+  // If it's percent, map to max layout size
   if (breakoutWidth.endsWith('%')) {
     switch (layout) {
       case 'full-width':
         return akEditorFullWidthLayoutWidth;
-
       case 'wide':
         return akEditorWideLayoutWidth;
-
       default:
         return breakoutConsts.mapBreakpointToLayoutMaxWidth(breakoutConsts.getBreakpoint(containerWidth));
     }
   }
-
   return parseInt(breakoutWidth, 10);
 };
 export { breakoutConsts };
@@ -71,11 +65,10 @@ export var calcWideWidth = breakoutConsts.calcWideWidth;
 export var calcBreakoutWidth = breakoutConsts.calcBreakoutWidth;
 export function calculateBreakoutStyles(_ref) {
   var mode = _ref.mode,
-      widthStateLineLength = _ref.widthStateLineLength,
-      widthStateWidth = _ref.widthStateWidth;
+    widthStateLineLength = _ref.widthStateLineLength,
+    widthStateWidth = _ref.widthStateWidth;
   var breakoutWidth = calcBreakoutWidth(mode, widthStateWidth);
   var breakoutWidthPx = parsePx(breakoutWidth);
-
   if (!widthStateLineLength) {
     // lineLength is not normally undefined when this is run for,
     // consumers but can be in SSR, initial render or test (jsdom)
@@ -91,13 +84,13 @@ export function calculateBreakoutStyles(_ref) {
       transform: 'translateX(-50%)',
       marginLeft: '50%'
     };
-  } // NOTE
+  }
+
+  // NOTE
   // At time of writing -- when toggling between full-width and
   // full-page appearance modes. There is a slight delay before
   // the widthState is updated.
   // During this period -- the marginLeftPx will be incorrect.
-
-
   var marginLeftPx = -(breakoutWidthPx - widthStateLineLength) / 2;
   return {
     type: 'line-length-known',

package/dist/esm/utils/browser-extensions.js

@@ -1,9 +1,6 @@
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var registerDetectors = function registerDetectors(targetExtensions, supportedDetectors) {
   var detectors = supportedDetectors.filter(function (registration) {
     return targetExtensions.includes(registration.name);
@@ -21,11 +18,11 @@ var registerDetectors = function registerDetectors(targetExtensions, supportedDe
     };
   });
 };
-
 var RACE_COMPLETE = 'race_complete';
 var SELECTORS = {
   GRAMMARLY: 'grammarly-extension, grammarly-popups, [data-grammarly-shadow-root]'
 };
+
 /**
  * This is the official list of supported browser extension detectors. To add support
  * for detecting an additional browser extension, simply add a (DetectorRegistration)
@@ -49,75 +46,52 @@ var SELECTORS = {
  * }
  * ```
  */
-
 var supportedDetectors = [{
   name: 'grammarly',
   fns: {
     sync: function sync() {
       var _document;
-
       return Boolean((_document = document) === null || _document === void 0 ? void 0 : _document.querySelector(SELECTORS.GRAMMARLY));
     },
     async: function async(detected, cleanup) {
       var _document2;
-
       // First check to see if grammarly already exists on page
       var exists = Boolean((_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.querySelector(SELECTORS.GRAMMARLY));
-
       if (exists) {
         detected();
-      } // Otherwise, setup a mutation observer to observe the page and its children
+      }
+      // Otherwise, setup a mutation observer to observe the page and its children
       // for newly added nodes. Collect observed mutations in a queue and in 1 second
       // intervals either process the queue or schedule the processing task for when
       // the user agent's main thread is idle (if possible).
-
-
       var queue = [];
-
       var processQueue = function processQueue() {
-        var _iterator = _createForOfIteratorHelper(queue),
+        for (var _i = 0, _queue = queue; _i < _queue.length; _i++) {
+          var mutations = _queue[_i];
+          var _iterator = _createForOfIteratorHelper(mutations),
             _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var mutations = _step.value;
-
-            var _iterator2 = _createForOfIteratorHelper(mutations),
-                _step2;
-
-            try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                var _mutation$addedNodes;
-
-                var mutation = _step2.value;
-
-                if ((mutation === null || mutation === void 0 ? void 0 : mutation.type) === 'childList' && mutation !== null && mutation !== void 0 && (_mutation$addedNodes = mutation.addedNodes) !== null && _mutation$addedNodes !== void 0 && _mutation$addedNodes.length) {
-                  var _exists = Array.from(mutation.addedNodes).some(function (node) {
-                    var _node$parentElement;
-
-                    return (_node$parentElement = node.parentElement) === null || _node$parentElement === void 0 ? void 0 : _node$parentElement.querySelector(SELECTORS.GRAMMARLY);
-                  });
-
-                  if (_exists) {
-                    detected();
-                  }
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var _mutation$addedNodes;
+              var mutation = _step.value;
+              if ((mutation === null || mutation === void 0 ? void 0 : mutation.type) === 'childList' && mutation !== null && mutation !== void 0 && (_mutation$addedNodes = mutation.addedNodes) !== null && _mutation$addedNodes !== void 0 && _mutation$addedNodes.length) {
+                var _exists = Array.from(mutation.addedNodes).some(function (node) {
+                  var _node$parentElement;
+                  return (_node$parentElement = node.parentElement) === null || _node$parentElement === void 0 ? void 0 : _node$parentElement.querySelector(SELECTORS.GRAMMARLY);
+                });
+                if (_exists) {
+                  detected();
                 }
               }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
             }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
         }
-
         queue = [];
       };
-
       var intervalId = setInterval(function () {
         if (typeof window.requestIdleCallback === 'function') {
           window.requestIdleCallback(processQueue);
@@ -140,6 +114,7 @@ var supportedDetectors = [{
     }
   }
 }];
+
 /**
  * Call this to return a list (or a Promise of a list) of detected browser extensions.
  *
@@ -172,10 +147,10 @@ export function sniffUserBrowserExtensions(options) {
   try {
     // First we filter out supported extensions that aren't requested through options. We also
     // prepare detector objects with some initial internal state (e.g. detector.state.detected = false)
-    var detectors = registerDetectors(options.extensions, supportedDetectors); // If async mode is enabled, we convert the list of detector objects to a list of promises
+    var detectors = registerDetectors(options.extensions, supportedDetectors);
+    // If async mode is enabled, we convert the list of detector objects to a list of promises
     // that resolve when the detector invokes detected() during its asynchronous check.
     // We also track any scheduled cleanup() tasks.
-
     if (options.async === true) {
       var asyncCleanups = [];
       var asyncDetections = Promise.all(detectors.map(function (detector) {
@@ -184,11 +159,9 @@ export function sniffUserBrowserExtensions(options) {
             detector.state.detected = true;
             resolve();
           };
-
           var cleanup = function cleanup(cb) {
             asyncCleanups.push(cb);
           };
-
           if (typeof detector.fns.async === 'function') {
             detector.fns.async(detected, cleanup);
           } else {
@@ -196,10 +169,10 @@ export function sniffUserBrowserExtensions(options) {
             resolve();
           }
         });
-      })); // We race all asynchronous checkers against a user-defined timeout (asyncTimeoutMs).
+      }));
+      // We race all asynchronous checkers against a user-defined timeout (asyncTimeoutMs).
       // When asynchronous checks are finalised first,or if the timeout elapses, we return
       // the list of extensions detected up until that point.
-
       var globalTimeout = new Promise(function (resolve) {
         return setTimeout(resolve, options.asyncTimeoutMs, RACE_COMPLETE);
       });
@@ -209,7 +182,8 @@ export function sniffUserBrowserExtensions(options) {
         }).map(function (detector) {
           return detector.name;
         });
-      }) // If there are any errors, we fail safely and silently with zero detected extensions.
+      })
+      // If there are any errors, we fail safely and silently with zero detected extensions.
       .catch(function () {
         return [];
       }).finally(function () {
@@ -222,7 +196,6 @@ export function sniffUserBrowserExtensions(options) {
       // and return a list of extensions whose synchronous checks returned true.
       return detectors.filter(function (detector) {
         var _detector$fns$sync, _detector$fns;
-
         return (_detector$fns$sync = (_detector$fns = detector.fns).sync) === null || _detector$fns$sync === void 0 ? void 0 : _detector$fns$sync.call(_detector$fns);
       }).map(function (detector) {
         return detector.name;

package/dist/esm/utils/browser.js

@@ -14,7 +14,6 @@ var result = {
   supportsIntersectionObserver: false,
   supportsResizeObserver: false
 };
-
 if (typeof navigator !== 'undefined') {
   var ieEdge = /Edge\/(\d+)/.exec(navigator.userAgent);
   var ieUpTo10 = /MSIE \d/.test(navigator.userAgent);
@@ -34,5 +33,4 @@ if (typeof navigator !== 'undefined') {
   result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
   result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
 }
-
 export default result;

package/dist/esm/utils/builder.js

@@ -5,14 +5,11 @@ import _createClass from "@babel/runtime/helpers/createClass";
 export var Builder = /*#__PURE__*/function () {
   function Builder() {
     _classCallCheck(this, Builder);
-
     for (var _len = arguments.length, more = new Array(_len), _key = 0; _key < _len; _key++) {
       more[_key] = arguments[_key];
     }
-
     this.data = [].concat(more) || [];
   }
-
   _createClass(Builder, [{
     key: "add",
     value: function add(nextOrTuple) {
@@ -25,6 +22,5 @@ export var Builder = /*#__PURE__*/function () {
       nextOrTuple].concat(_toConsumableArray(this.data)));
     }
   }]);
-
   return Builder;
 }();

package/dist/esm/utils/collab.js

@@ -1,13 +1,11 @@
 export var getParticipantsCount = function getParticipantsCount(editorState) {
   var _collabEditPlugin$$pa, _collabEditPlugin$$pa2;
-
   // TODO: ED-15663
   // Please, do not copy or use this kind of code below
   // @ts-ignore
   if (!editorState || !editorState['collabEditPlugin$']) {
     return 1;
   }
-
   var participantsCount = (_collabEditPlugin$$pa = (_collabEditPlugin$$pa2 = editorState['collabEditPlugin$'].participants) === null || _collabEditPlugin$$pa2 === void 0 ? void 0 : _collabEditPlugin$$pa2.size()) !== null && _collabEditPlugin$$pa !== void 0 ? _collabEditPlugin$$pa : 1;
   return participantsCount;
 };

package/dist/esm/utils/compare-props.js

@@ -21,7 +21,6 @@ export var getKeysAddedRemovedCommon = function getKeysAddedRemovedCommon(object
 };
 export var serializeValue = function serializeValue(value) {
   var valueType = _typeof(value);
-
   if (value === null) {
     return 'null';
   } else if (value === undefined) {
@@ -30,7 +29,8 @@ export var serializeValue = function serializeValue(value) {
     return value;
   } else if (valueType === 'symbol') {
     return value.toString();
-  } // Calling toString of function returns whole function text with body.
+  }
+  // Calling toString of function returns whole function text with body.
   // So, just return function with name.
   else if (valueType === 'function') {
     return "function:".concat(value.name);
@@ -45,23 +45,19 @@ export var getPropsDifference = function getPropsDifference(object1, object2) {
   var curDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
   var keysToIgnore = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-
   var _getKeysAddedRemovedC = getKeysAddedRemovedCommon(object1, object2),
-      added = _getKeysAddedRemovedC.added,
-      common = _getKeysAddedRemovedC.common,
-      removed = _getKeysAddedRemovedC.removed;
-
+    added = _getKeysAddedRemovedC.added,
+    common = _getKeysAddedRemovedC.common,
+    removed = _getKeysAddedRemovedC.removed;
   var changed = [];
   common.forEach(function (key) {
     var value1 = object1[key];
     var value2 = object2[key];
-
     var value1Type = _typeof(value1);
+    var value2Type = _typeof(value2);
 
-    var value2Type = _typeof(value2); // Do comparision only if values doesn't match (or reference to same object in memory).
+    // Do comparision only if values doesn't match (or reference to same object in memory).
     // Or if key does not exist in keys to ignore.
-
-
     if (value1 !== value2 && keysToIgnore.indexOf(key) === -1) {
       // if both key value are objects and not referencing same object in memory.
       //  then get recursive difference.
@@ -100,10 +96,9 @@ export var getPropsDifference = function getPropsDifference(object1, object2) {
 };
 export var getShallowPropsDifference = function getShallowPropsDifference(object1, object2) {
   var _getKeysAddedRemovedC2 = getKeysAddedRemovedCommon(object1, object2),
-      added = _getKeysAddedRemovedC2.added,
-      common = _getKeysAddedRemovedC2.common,
-      removed = _getKeysAddedRemovedC2.removed;
-
+    added = _getKeysAddedRemovedC2.added,
+    common = _getKeysAddedRemovedC2.common,
+    removed = _getKeysAddedRemovedC2.removed;
   var changed = common.filter(function (key) {
     return object1[key] !== object2[key];
   });