@atlaskit/renderer 105.1.1 → 106.0.0

package/dist/cjs/ui/annotations/draft/component.js

@@ -1,78 +1,54 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAnnotationIndex = exports.applyAnnotationOnText = exports.TextWithAnnotationDraft = exports.AnnotationDraft = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _types = require("../types");
-
 var _context = require("../context");
-
 var _text = require("./text");
-
 var _position = require("./position");
-
 var _dom = require("./dom");
-
 var _styles = require("@atlaskit/editor-common/styles");
-
 var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 var markStyles = function markStyles(props) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: inherit;\n  background-color: unset;\n  -webkit-tap-highlight-color: transparent;\n\n  ", ";\n"])), (0, _styles.AnnotationSharedCSSByState)(props).focus);
 };
-
 var AnnotationDraft = function AnnotationDraft(_ref) {
   var draftPosition = _ref.draftPosition,
-      children = _ref.children;
+    children = _ref.children;
   return (0, _react2.jsx)("mark", (0, _extends2.default)({
     "data-renderer-mark": true
   }, (0, _dom.dataAttributes)(draftPosition), {
     css: markStyles
   }), children);
 };
-
 exports.AnnotationDraft = AnnotationDraft;
-
 var getAnnotationIndex = function getAnnotationIndex(annotationPosition, fragmentCount) {
   if (annotationPosition === _types.InsertDraftPosition.START) {
     return 0;
   }
-
   if (annotationPosition === _types.InsertDraftPosition.END) {
     return fragmentCount - 1;
   }
-
   if (annotationPosition === _types.InsertDraftPosition.INSIDE && fragmentCount === 3) {
     return 1;
   }
-
   return -1;
 };
-
 exports.getAnnotationIndex = getAnnotationIndex;
-
 var applyAnnotationOnText = function applyAnnotationOnText(_ref2) {
   var texts = _ref2.texts,
-      shouldApplyAnnotationAt = _ref2.shouldApplyAnnotationAt,
-      draftPosition = _ref2.draftPosition;
+    shouldApplyAnnotationAt = _ref2.shouldApplyAnnotationAt,
+    draftPosition = _ref2.draftPosition;
   var annotateIndex = getAnnotationIndex(shouldApplyAnnotationAt, texts.length);
   return texts.map(function (value, index) {
     if (annotateIndex === index) {
@@ -81,55 +57,43 @@ var applyAnnotationOnText = function applyAnnotationOnText(_ref2) {
         draftPosition: draftPosition
       }, value);
     }
-
     return (0, _react2.jsx)(_react.default.Fragment, {
       key: index
     }, value);
   });
 };
-
 exports.applyAnnotationOnText = applyAnnotationOnText;
-
 var TextWithAnnotationDraft = function TextWithAnnotationDraft(_ref3) {
   var startPos = _ref3.startPos,
-      endPos = _ref3.endPos,
-      children = _ref3.children;
-
+    endPos = _ref3.endPos,
+    children = _ref3.children;
   var textPosition = _react.default.useMemo(function () {
     return {
       start: startPos,
       end: endPos
     };
   }, [endPos, startPos]);
-
   var nextDraftPosition = _react.default.useContext(_context.AnnotationsDraftContext);
-
   var shouldApplyAnnotationAt = _react.default.useMemo(function () {
     if (!nextDraftPosition) {
       return false;
     }
-
     return (0, _position.calcInsertDraftPositionOnText)(textPosition, nextDraftPosition);
   }, [nextDraftPosition, textPosition]);
-
   if (shouldApplyAnnotationAt === false || !nextDraftPosition) {
     return (0, _react2.jsx)(_react.Fragment, null, children);
   }
-
   if (shouldApplyAnnotationAt === _types.InsertDraftPosition.AROUND_TEXT) {
     return (0, _react2.jsx)(AnnotationDraft, {
       key: 0,
       draftPosition: nextDraftPosition
     }, children);
   }
-
   var offsets = (0, _text.calcTextSplitOffset)(nextDraftPosition, textPosition, children);
   var texts = (0, _text.splitText)(children, offsets);
-
   if (!texts) {
     return (0, _react2.jsx)(_react.Fragment, null, children);
   }
-
   var components = applyAnnotationOnText({
     texts: texts,
     shouldApplyAnnotationAt: shouldApplyAnnotationAt,
@@ -137,5 +101,4 @@ var TextWithAnnotationDraft = function TextWithAnnotationDraft(_ref3) {
   });
   return (0, _react2.jsx)(_react.Fragment, null, components);
 };
-
 exports.TextWithAnnotationDraft = TextWithAnnotationDraft;

package/dist/cjs/ui/annotations/draft/dom.js

@@ -1,50 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateWindowSelectionAroundDraft = exports.dataAttributes = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var dataAttributes = function dataAttributes(_ref) {
   var _ref2;
-
   var from = _ref.from,
-      to = _ref.to;
+    to = _ref.to;
   return _ref2 = {}, (0, _defineProperty2.default)(_ref2, 'data-annotation-draft-mark', true), (0, _defineProperty2.default)(_ref2, 'data-draft-start-at', from), (0, _defineProperty2.default)(_ref2, 'data-draft-end-at', to), _ref2;
 };
-
 exports.dataAttributes = dataAttributes;
-
 var buildDataAttributesQuery = function buildDataAttributesQuery(pos) {
   var a = dataAttributes(pos);
   return Object.entries(a).map(function (_ref3) {
     var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-        k = _ref4[0],
-        v = _ref4[1];
-
+      k = _ref4[0],
+      v = _ref4[1];
     return "[".concat(k, "=\"").concat(v, "\"]");
   }).join('');
 };
-
 var updateWindowSelectionAroundDraft = function updateWindowSelectionAroundDraft(pos) {
   var sel = window.getSelection();
-
   if (!sel) {
     return false;
   }
-
   var draftNodes = document.querySelectorAll(buildDataAttributesQuery(pos));
-
   if (!draftNodes || draftNodes.length === 0) {
     return false;
   }
-
   sel.removeAllRanges();
   var range = document.createRange();
   range.setStart(draftNodes[0], 0);
@@ -52,5 +39,4 @@ var updateWindowSelectionAroundDraft = function updateWindowSelectionAroundDraft
   sel.addRange(range);
   return true;
 };
-
 exports.updateWindowSelectionAroundDraft = updateWindowSelectionAroundDraft;

package/dist/cjs/ui/annotations/draft/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "updateWindowSelectionAroundDraft", {
     return _dom.updateWindowSelectionAroundDraft;
   }
 });
-
 var _dom = require("./dom");
-
 var _component = require("./component");

package/dist/cjs/ui/annotations/draft/position.js

@@ -4,37 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calcInsertDraftPositionOnText = void 0;
-
 var _types = require("../types");
-
 var calcInsertDraftPositionOnText = function calcInsertDraftPositionOnText(_ref, position) {
   var startTextPosition = _ref.start,
-      endTextPosition = _ref.end;
+    endTextPosition = _ref.end;
   var isRangePositionAroundText = position.from <= startTextPosition && position.to >= endTextPosition;
-
   if (isRangePositionAroundText) {
     return _types.InsertDraftPosition.AROUND_TEXT;
   }
-
   var isRangePositionInsideText = position.from > startTextPosition && position.from < endTextPosition && position.to < endTextPosition && position.to > startTextPosition;
-
   if (isRangePositionInsideText) {
     return _types.InsertDraftPosition.INSIDE;
   }
-
   var isRangePositionStartingAtText = position.from >= startTextPosition && position.from <= endTextPosition && position.to >= endTextPosition;
-
   if (isRangePositionStartingAtText) {
     return _types.InsertDraftPosition.END;
   }
-
   var isRangePositionEndingAtText = position.from <= startTextPosition && position.to >= startTextPosition && position.to <= endTextPosition;
-
   if (isRangePositionEndingAtText) {
     return _types.InsertDraftPosition.START;
   }
-
   return false;
 };
-
 exports.calcInsertDraftPositionOnText = calcInsertDraftPositionOnText;

package/dist/cjs/ui/annotations/draft/text.js

@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.splitText = exports.calcTextSplitOffset = void 0;
-
 var splitText = function splitText(text, _ref) {
   var startOffset = _ref.startOffset,
-      endOffset = _ref.endOffset;
-
+    endOffset = _ref.endOffset;
   if (endOffset > text.length || endOffset - startOffset <= 0) {
     return null;
   }
-
   return [text.slice(0, startOffset), text.slice(startOffset, endOffset), text.slice(endOffset)].filter(Boolean);
 };
-
 exports.splitText = splitText;
-
 var calcTextSplitOffset = function calcTextSplitOffset(position, textPosition, text) {
   var start = textPosition.start,
-      end = textPosition.end;
+    end = textPosition.end;
   var startOffset = Math.max(position.from - start, 0);
   var endOffset = Math.min(Math.abs(end - position.to - text.length), text.length);
   return {
@@ -28,5 +23,4 @@ var calcTextSplitOffset = function calcTextSplitOffset(position, textPosition, t
     endOffset: endOffset
   };
 };
-
 exports.calcTextSplitOffset = calcTextSplitOffset;

package/dist/cjs/ui/annotations/element/index.js

@@ -1,33 +1,23 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MarkElement = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _mark = require("./mark");
-
 var _hooks = require("../hooks");
-
 var _context = require("../context");
-
 var _types = require("@atlaskit/editor-common/types");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 var MarkElement = function MarkElement(_ref) {
   var annotationParentIds = _ref.annotationParentIds,
-      children = _ref.children,
-      dataAttributes = _ref.dataAttributes,
-      id = _ref.id;
+    children = _ref.children,
+    dataAttributes = _ref.dataAttributes,
+    id = _ref.id;
   var updateSubscriber = (0, _hooks.useInlineCommentSubscriberContext)();
   var states = (0, _react.useContext)(_context.InlineCommentsStateContext);
   var hasFocus = (0, _hooks.useHasFocusEvent)({
@@ -41,9 +31,8 @@ var MarkElement = function MarkElement(_ref) {
     if (!updateSubscriber) {
       return;
     }
-
     var eventTarget = props.eventTarget,
-        annotationIds = props.annotationIds;
+      annotationIds = props.annotationIds;
     updateSubscriber.emit(_types.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, {
       annotationIds: annotationIds,
       eventTarget: eventTarget
@@ -64,5 +53,4 @@ var MarkElement = function MarkElement(_ref) {
     state: states[id]
   }, children);
 };
-
 exports.MarkElement = MarkElement;

package/dist/cjs/ui/annotations/element/mark.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MarkComponent = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _styles = require("@atlaskit/editor-common/styles");
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var markStyles = function markStyles(props) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: inherit;\n  background-color: unset;\n  -webkit-tap-highlight-color: transparent;\n\n  &[data-mark-annotation-state='", "'] {\n    ", ";\n\n    &:focus,\n    &[data-has-focus='true'] {\n      ", ";\n    }\n  }\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _styles.AnnotationSharedCSSByState)({
     theme: props
@@ -42,15 +26,14 @@ var markStyles = function markStyles(props) {
     theme: props
   }).focus);
 };
-
 var MarkComponent = function MarkComponent(_ref) {
   var annotationParentIds = _ref.annotationParentIds,
-      children = _ref.children,
-      dataAttributes = _ref.dataAttributes,
-      id = _ref.id,
-      state = _ref.state,
-      hasFocus = _ref.hasFocus,
-      onClick = _ref.onClick;
+    children = _ref.children,
+    dataAttributes = _ref.dataAttributes,
+    id = _ref.id,
+    state = _ref.state,
+    hasFocus = _ref.hasFocus,
+    onClick = _ref.onClick;
   var annotationIds = (0, _react.useMemo)(function () {
     return (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(annotationParentIds), [id])));
   }, [id, annotationParentIds]);
@@ -58,9 +41,9 @@ var MarkComponent = function MarkComponent(_ref) {
     // prevents multiple callback on overlapping annotations
     if (event.defaultPrevented || state !== _adfSchema.AnnotationMarkStates.ACTIVE) {
       return;
-    } // prevents from opening link URL inside webView in Safari
-
+    }
 
+    // prevents from opening link URL inside webView in Safari
     event.preventDefault();
     onClick({
       eventTarget: event.target,
@@ -83,5 +66,4 @@ var MarkComponent = function MarkComponent(_ref) {
     css: markStyles
   }), children);
 };
-
 exports.MarkComponent = MarkComponent;

package/dist/cjs/ui/annotations/hooks/index.js

@@ -27,9 +27,6 @@ Object.defineProperty(exports, "useInlineCommentsFilter", {
     return _useInlineCommentsFilter.useInlineCommentsFilter;
   }
 });
-
 var _useEvents = require("./use-events");
-
 var _useInlineCommentsFilter = require("./use-inline-comments-filter");
-
 var _useInlineCommentSubscriber = require("./use-inline-comment-subscriber");

package/dist/cjs/ui/annotations/hooks/use-events.js

@@ -1,61 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useHasFocusEvent = exports.useAnnotationStateByTypeEvent = exports.useAnnotationClickEvent = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _types = require("@atlaskit/editor-common/types");
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _analytics = require("@atlaskit/editor-common/analytics");
-
 var _analyticsListeners = require("@atlaskit/analytics-listeners");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var useAnnotationStateByTypeEvent = function useAnnotationStateByTypeEvent(_ref) {
   var type = _ref.type,
-      updateSubscriber = _ref.updateSubscriber;
-
+    updateSubscriber = _ref.updateSubscriber;
   var _useState = (0, _react.useState)({}),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      states = _useState2[0],
-      setStates = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    states = _useState2[0],
+    setStates = _useState2[1];
   (0, _react.useLayoutEffect)(function () {
     if (!updateSubscriber) {
       return;
     }
-
     var cb = function cb(payload) {
       if (!payload) {
         return;
       }
-
       var nextStates = Object.values(payload).reduce(function (acc, curr) {
         if (curr.id && curr.annotationType === type) {
           // Check for empty state to prevent additional renders
           var isEmpty = curr.state === null || curr.state === undefined;
           return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, curr.id, !isEmpty ? curr.state : states[curr.id]));
         }
-
         return acc;
       }, {});
       setStates(_objectSpread(_objectSpread({}, states), nextStates));
     };
-
     updateSubscriber.on(_types.AnnotationUpdateEvent.SET_ANNOTATION_STATE, cb);
     return function () {
       updateSubscriber.off(_types.AnnotationUpdateEvent.SET_ANNOTATION_STATE, cb);
@@ -63,31 +46,24 @@ var useAnnotationStateByTypeEvent = function useAnnotationStateByTypeEvent(_ref)
   }, [states, type, updateSubscriber]);
   return states;
 };
-
 exports.useAnnotationStateByTypeEvent = useAnnotationStateByTypeEvent;
-
 var useHasFocusEvent = function useHasFocusEvent(_ref2) {
   var id = _ref2.id,
-      updateSubscriber = _ref2.updateSubscriber;
-
+    updateSubscriber = _ref2.updateSubscriber;
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      hasFocus = _useState4[0],
-      setHasFocus = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    hasFocus = _useState4[0],
+    setHasFocus = _useState4[1];
   (0, _react.useLayoutEffect)(function () {
     if (!updateSubscriber) {
       return;
     }
-
     var cb = function cb(payload) {
       setHasFocus(payload && payload.annotationId === id);
     };
-
     var removeFocus = function removeFocus() {
       setHasFocus(false);
     };
-
     updateSubscriber.on(_types.AnnotationUpdateEvent.SET_ANNOTATION_FOCUS, cb);
     updateSubscriber.on(_types.AnnotationUpdateEvent.REMOVE_ANNOTATION_FOCUS, removeFocus);
     return function () {
@@ -97,25 +73,21 @@ var useHasFocusEvent = function useHasFocusEvent(_ref2) {
   }, [id, updateSubscriber]);
   return hasFocus;
 };
-
 exports.useHasFocusEvent = useHasFocusEvent;
-
 var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
   var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      annotationClickEvent = _useState6[0],
-      setAnnotationClickEvent = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    annotationClickEvent = _useState6[0],
+    setAnnotationClickEvent = _useState6[1];
   var updateSubscriber = props.updateSubscriber,
-      createAnalyticsEvent = props.createAnalyticsEvent;
+    createAnalyticsEvent = props.createAnalyticsEvent;
   (0, _react.useLayoutEffect)(function () {
     if (!updateSubscriber) {
       return;
     }
-
     var cb = function cb(_ref3) {
       var annotationIds = _ref3.annotationIds,
-          eventTarget = _ref3.eventTarget;
+        eventTarget = _ref3.eventTarget;
       var annotationsByType = annotationIds.filter(function (id) {
         return !!id;
       }).map(function (id) {
@@ -124,7 +96,6 @@ var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
           type: _adfSchema.AnnotationTypes.INLINE_COMMENT
         };
       });
-
       if (createAnalyticsEvent) {
         createAnalyticsEvent({
           action: _analytics.ACTION.VIEWED,
@@ -136,13 +107,11 @@ var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
           }
         }).fire(_analyticsListeners.FabricChannel.editor);
       }
-
       setAnnotationClickEvent({
         annotations: annotationsByType,
         clickElementTarget: eventTarget
       });
     };
-
     updateSubscriber.on(_types.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, cb);
     return function () {
       updateSubscriber.off(_types.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, cb);
@@ -150,5 +119,4 @@ var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
   }, [updateSubscriber, createAnalyticsEvent]);
   return annotationClickEvent;
 };
-
 exports.useAnnotationClickEvent = useAnnotationClickEvent;

package/dist/cjs/ui/annotations/hooks/use-inline-comment-subscriber.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useInlineCommentSubscriberContext = void 0;
-
 var _react = require("react");
-
 var _context = require("../context");
-
 var useInlineCommentSubscriberContext = function useInlineCommentSubscriberContext() {
   var providers = (0, _react.useContext)(_context.ProvidersContext);
-
   if (!providers) {
     return null;
   }
-
   var updateSubscriber = providers.inlineComment.updateSubscriber;
   return updateSubscriber || null;
 };
-
 exports.useInlineCommentSubscriberContext = useInlineCommentSubscriberContext;

package/dist/cjs/ui/annotations/hooks/use-inline-comments-filter.js

@@ -1,31 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useInlineCommentsFilter = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = require("react");
-
 var _context = require("../context");
-
 var useInlineCommentsFilter = function useInlineCommentsFilter(_ref) {
   var annotationIds = _ref.annotationIds,
-      stateFilter = _ref.filter.state;
+    stateFilter = _ref.filter.state;
   var states = (0, _react.useContext)(_context.InlineCommentsStateContext);
   return (0, _react.useMemo)(function () {
     return annotationIds.reduce(function (acc, id) {
       if (states && states[id] === stateFilter) {
         return [].concat((0, _toConsumableArray2.default)(acc), [id]);
       }
-
       return acc;
     }, []);
   }, [annotationIds, states, stateFilter]);
 };
-
 exports.useInlineCommentsFilter = useInlineCommentsFilter;