@atlaskit/renderer 105.1.0 → 105.1.2

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

@@ -4,12 +4,11 @@ import { MarkComponent } from './mark';
 import { useInlineCommentSubscriberContext, useHasFocusEvent, useInlineCommentsFilter } from '../hooks';
 import { InlineCommentsStateContext } from '../context';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
-
 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 = useInlineCommentSubscriberContext();
   var states = useContext(InlineCommentsStateContext);
   var hasFocus = useHasFocusEvent({
@@ -23,9 +22,8 @@ var MarkElement = function MarkElement(_ref) {
     if (!updateSubscriber) {
       return;
     }
-
     var eventTarget = props.eventTarget,
-        annotationIds = props.annotationIds;
+      annotationIds = props.annotationIds;
     updateSubscriber.emit(AnnotationUpdateEvent.ON_ANNOTATION_CLICK, {
       annotationIds: annotationIds,
       eventTarget: eventTarget
@@ -46,5 +44,4 @@ var MarkElement = function MarkElement(_ref) {
     state: states[id]
   }, children);
 };
-
 export { MarkElement };

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

@@ -2,19 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 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) { _defineProperty(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; }
-
 /** @jsx jsx */
 import React, { useMemo, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
-
 var markStyles = function markStyles(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), AnnotationMarkStates.ACTIVE, AnnotationSharedCSSByState({
     theme: props
@@ -22,15 +17,14 @@ var markStyles = function markStyles(props) {
     theme: props
   }).focus);
 };
-
 export 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 = useMemo(function () {
     return _toConsumableArray(new Set([].concat(_toConsumableArray(annotationParentIds), [id])));
   }, [id, annotationParentIds]);
@@ -38,9 +32,9 @@ export var MarkComponent = function MarkComponent(_ref) {
     // prevents multiple callback on overlapping annotations
     if (event.defaultPrevented || state !== 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,

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

@@ -1,10 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 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) { _defineProperty(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; }
-
 import { useLayoutEffect, useState } from 'react';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
@@ -12,35 +9,29 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit
 import { FabricChannel } from '@atlaskit/analytics-listeners';
 export var useAnnotationStateByTypeEvent = function useAnnotationStateByTypeEvent(_ref) {
   var type = _ref.type,
-      updateSubscriber = _ref.updateSubscriber;
-
+    updateSubscriber = _ref.updateSubscriber;
   var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      states = _useState2[0],
-      setStates = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    states = _useState2[0],
+    setStates = _useState2[1];
   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), {}, _defineProperty({}, curr.id, !isEmpty ? curr.state : states[curr.id]));
         }
-
         return acc;
       }, {});
       setStates(_objectSpread(_objectSpread({}, states), nextStates));
     };
-
     updateSubscriber.on(AnnotationUpdateEvent.SET_ANNOTATION_STATE, cb);
     return function () {
       updateSubscriber.off(AnnotationUpdateEvent.SET_ANNOTATION_STATE, cb);
@@ -50,26 +41,21 @@ export var useAnnotationStateByTypeEvent = function useAnnotationStateByTypeEven
 };
 export var useHasFocusEvent = function useHasFocusEvent(_ref2) {
   var id = _ref2.id,
-      updateSubscriber = _ref2.updateSubscriber;
-
+    updateSubscriber = _ref2.updateSubscriber;
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      hasFocus = _useState4[0],
-      setHasFocus = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasFocus = _useState4[0],
+    setHasFocus = _useState4[1];
   useLayoutEffect(function () {
     if (!updateSubscriber) {
       return;
     }
-
     var cb = function cb(payload) {
       setHasFocus(payload && payload.annotationId === id);
     };
-
     var removeFocus = function removeFocus() {
       setHasFocus(false);
     };
-
     updateSubscriber.on(AnnotationUpdateEvent.SET_ANNOTATION_FOCUS, cb);
     updateSubscriber.on(AnnotationUpdateEvent.REMOVE_ANNOTATION_FOCUS, removeFocus);
     return function () {
@@ -81,20 +67,18 @@ export var useHasFocusEvent = function useHasFocusEvent(_ref2) {
 };
 export var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
   var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      annotationClickEvent = _useState6[0],
-      setAnnotationClickEvent = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    annotationClickEvent = _useState6[0],
+    setAnnotationClickEvent = _useState6[1];
   var updateSubscriber = props.updateSubscriber,
-      createAnalyticsEvent = props.createAnalyticsEvent;
+    createAnalyticsEvent = props.createAnalyticsEvent;
   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) {
@@ -103,7 +87,6 @@ export var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
           type: AnnotationTypes.INLINE_COMMENT
         };
       });
-
       if (createAnalyticsEvent) {
         createAnalyticsEvent({
           action: ACTION.VIEWED,
@@ -115,13 +98,11 @@ export var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
           }
         }).fire(FabricChannel.editor);
       }
-
       setAnnotationClickEvent({
         annotations: annotationsByType,
         clickElementTarget: eventTarget
       });
     };
-
     updateSubscriber.on(AnnotationUpdateEvent.ON_ANNOTATION_CLICK, cb);
     return function () {
       updateSubscriber.off(AnnotationUpdateEvent.ON_ANNOTATION_CLICK, cb);

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

@@ -2,11 +2,9 @@ import { useContext } from 'react';
 import { ProvidersContext } from '../context';
 export var useInlineCommentSubscriberContext = function useInlineCommentSubscriberContext() {
   var providers = useContext(ProvidersContext);
-
   if (!providers) {
     return null;
   }
-
   var updateSubscriber = providers.inlineComment.updateSubscriber;
   return updateSubscriber || null;
 };

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

@@ -3,14 +3,13 @@ import { useMemo, useContext } from 'react';
 import { InlineCommentsStateContext } from '../context';
 export var useInlineCommentsFilter = function useInlineCommentsFilter(_ref) {
   var annotationIds = _ref.annotationIds,
-      stateFilter = _ref.filter.state;
+    stateFilter = _ref.filter.state;
   var states = useContext(InlineCommentsStateContext);
   return useMemo(function () {
     return annotationIds.reduce(function (acc, id) {
       if (states && states[id] === stateFilter) {
         return [].concat(_toConsumableArray(acc), [id]);
       }
-
       return acc;
     }, []);
   }, [annotationIds, states, stateFilter]);

package/dist/esm/ui/annotations/hooks/use-load-annotations.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 import { useContext, useEffect } from 'react';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
 import { ProvidersContext } from '../context';
@@ -16,31 +13,26 @@ export var useLoadAnnotations = function useLoadAnnotations(_ref) {
     if (!providers) {
       return;
     }
-
     var _providers$inlineComm = providers.inlineComment,
-        inlineCommentGetState = _providers$inlineComm.getState,
-        updateSubscriberInlineComment = _providers$inlineComm.updateSubscriber;
-    var annotations = actions.getAnnotationMarks(); // we don't want to request integrators for state with an empty list of ids.
-
+      inlineCommentGetState = _providers$inlineComm.getState,
+      updateSubscriberInlineComment = _providers$inlineComm.updateSubscriber;
+    var annotations = actions.getAnnotationMarks();
+    // we don't want to request integrators for state with an empty list of ids.
     if (!annotations.length) {
       return;
     }
-
     var ids = annotations.map(function (mark) {
       return mark.attrs.id;
     });
-
     var cb = function cb(data) {
       if (!updateSubscriberInlineComment) {
         return;
       }
-
       var payload = data.reduce(function (acc, value) {
         return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, value.id, value));
       }, {});
       updateSubscriberInlineComment.emit(AnnotationUpdateEvent.SET_ANNOTATION_STATE, payload);
     };
-
     inlineCommentGetState(ids).then(cb);
   }, [actions, providers, adfDocument]);
 };

package/dist/esm/ui/annotations/hooks/user-selection.js

@@ -4,35 +4,27 @@ import { AnnotationsDraftContext } from '../context';
 import { isRangeInsideOfRendererContainer } from './utils';
 export var useUserSelectionRange = function useUserSelectionRange(props) {
   var rendererRef = props.rendererRef;
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      range = _useState2[0],
-      setRange = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    range = _useState2[0],
+    setRange = _useState2[1];
   var annotationDraftPosition = useContext(AnnotationsDraftContext);
   var hasAnnotationDraft = !!annotationDraftPosition;
   useEffect(function () {
     var rendererDOM = rendererRef.current;
-
     if (!document || !rendererDOM) {
       return;
     }
-
     var onSelectionChange = function onSelectionChange(event) {
       var sel = document.getSelection();
-
       if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1 || hasAnnotationDraft) {
         return;
       }
-
       var _range = sel.getRangeAt(0);
-
       if (isRangeInsideOfRendererContainer(rendererDOM, _range)) {
         setRange(_range.cloneRange());
       }
     };
-
     document.addEventListener('selectionchange', onSelectionChange);
     return function () {
       document.removeEventListener('selectionchange', onSelectionChange);

package/dist/esm/ui/annotations/index.js

@@ -15,18 +15,16 @@ var LoadAnnotations = /*#__PURE__*/React.memo(function (_ref) {
 });
 export var AnnotationsWrapper = function AnnotationsWrapper(props) {
   var children = props.children,
-      annotationProvider = props.annotationProvider,
-      rendererRef = props.rendererRef,
-      adfDocument = props.adfDocument;
+    annotationProvider = props.annotationProvider,
+    rendererRef = props.rendererRef,
+    adfDocument = props.adfDocument;
   var updateSubscriber = annotationProvider && annotationProvider.inlineComment && annotationProvider.inlineComment.updateSubscriber;
   var inlineCommentAnnotationsState = useAnnotationStateByTypeEvent({
     type: AnnotationTypes.INLINE_COMMENT,
     updateSubscriber: updateSubscriber || null
   });
-
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   return /*#__PURE__*/React.createElement(ProvidersContext.Provider, {
     value: annotationProvider
   }, /*#__PURE__*/React.createElement(InlineCommentsStateContext.Provider, {

package/dist/esm/ui/annotations/selection/mounter.js

@@ -7,33 +7,29 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
 export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (props) {
   var Component = props.component,
-      range = props.range,
-      isAnnotationAllowed = props.isAnnotationAllowed,
-      wrapperDOM = props.wrapperDOM,
-      onCloseProps = props.onClose,
-      clearAnnotationDraft = props.clearAnnotationDraft,
-      applyAnnotationDraftAt = props.applyAnnotationDraftAt,
-      documentPosition = props.documentPosition,
-      applyAnnotation = props.applyAnnotation,
-      createAnalyticsEvent = props.createAnalyticsEvent,
-      generateIndexMatch = props.generateIndexMatch;
-
+    range = props.range,
+    isAnnotationAllowed = props.isAnnotationAllowed,
+    wrapperDOM = props.wrapperDOM,
+    onCloseProps = props.onClose,
+    clearAnnotationDraft = props.clearAnnotationDraft,
+    applyAnnotationDraftAt = props.applyAnnotationDraftAt,
+    documentPosition = props.documentPosition,
+    applyAnnotation = props.applyAnnotation,
+    createAnalyticsEvent = props.createAnalyticsEvent,
+    generateIndexMatch = props.generateIndexMatch;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      draftDocumentPosition = _useState2[0],
-      setDraftDocumentPosition = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    draftDocumentPosition = _useState2[0],
+    setDraftDocumentPosition = _useState2[1];
   var actions = useContext(ActionsContext);
   var onCreateCallback = useCallback(function (annotationId) {
     if (!isAnnotationAllowed || !documentPosition || !applyAnnotation) {
       return false;
     }
-
     var annotation = {
       annotationId: annotationId,
       annotationType: AnnotationTypes.INLINE_COMMENT
     };
-
     if (createAnalyticsEvent) {
       createAnalyticsEvent({
         action: ACTION.INSERTED,
@@ -43,25 +39,20 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
         eventType: EVENT_TYPE.TRACK
       }).fire(FabricChannel.editor);
     }
-
     return applyAnnotation(draftDocumentPosition || documentPosition, annotation);
   }, [isAnnotationAllowed, documentPosition, applyAnnotation, draftDocumentPosition, createAnalyticsEvent]);
   var createIndexCallback = useCallback(function () {
     if (!documentPosition || !generateIndexMatch) {
       return false;
     }
-
     var result = generateIndexMatch(documentPosition);
-
     if (!result) {
       return false;
     }
-
     return result;
   }, [documentPosition, generateIndexMatch]);
   var applyDraftModeCallback = useCallback(function () {
     var keepNativeSelection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
     if (!documentPosition || !isAnnotationAllowed) {
       if (createAnalyticsEvent) {
         createAnalyticsEvent({
@@ -72,13 +63,10 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
           eventType: EVENT_TYPE.TRACK
         }).fire(FabricChannel.editor);
       }
-
       return;
     }
-
     setDraftDocumentPosition(documentPosition);
     applyAnnotationDraftAt(documentPosition);
-
     if (createAnalyticsEvent) {
       var uniqueAnnotationsInRange = actions.getAnnotationsByPosition(range);
       createAnalyticsEvent({
@@ -91,13 +79,11 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
         }
       }).fire(FabricChannel.editor);
     }
-
     window.requestAnimationFrame(function () {
       if (keepNativeSelection) {
         updateWindowSelectionAroundDraft(documentPosition);
       } else {
         var sel = window.getSelection();
-
         if (sel) {
           sel.removeAllRanges();
         }
@@ -108,7 +94,6 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
     clearAnnotationDraft();
     setDraftDocumentPosition(null);
     var sel = window.getSelection();
-
     if (sel) {
       sel.removeAllRanges();
     }
@@ -123,7 +108,6 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
         attributes: {}
       }).fire(FabricChannel.editor);
     }
-
     removeDraftModeCallback();
     onCloseProps();
   }, [onCloseProps, removeDraftModeCallback, createAnalyticsEvent]);

package/dist/esm/ui/annotations/selection/range-validator.js

@@ -5,23 +5,20 @@ import { SelectionInlineCommentMounter } from './mounter';
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
 export var SelectionRangeValidator = function SelectionRangeValidator(props) {
   var selectionComponent = props.selectionComponent,
-      rendererRef = props.rendererRef,
-      applyAnnotationDraftAt = props.applyAnnotationDraftAt,
-      clearAnnotationDraft = props.clearAnnotationDraft,
-      createAnalyticsEvent = props.createAnalyticsEvent;
+    rendererRef = props.rendererRef,
+    applyAnnotationDraftAt = props.applyAnnotationDraftAt,
+    clearAnnotationDraft = props.clearAnnotationDraft,
+    createAnalyticsEvent = props.createAnalyticsEvent;
   var actions = useContext(ActionsContext);
-
   var _useUserSelectionRang = useUserSelectionRange({
-    rendererRef: rendererRef
-  }),
-      _useUserSelectionRang2 = _slicedToArray(_useUserSelectionRang, 2),
-      range = _useUserSelectionRang2[0],
-      clearRange = _useUserSelectionRang2[1];
-
+      rendererRef: rendererRef
+    }),
+    _useUserSelectionRang2 = _slicedToArray(_useUserSelectionRang, 2),
+    range = _useUserSelectionRang2[0],
+    clearRange = _useUserSelectionRang2[1];
   if (!range) {
     return null;
   }
-
   var documentPosition = actions.getPositionFromRange(range);
   var isAnnotationAllowed = documentPosition && actions.isValidAnnotationPosition(documentPosition);
   return /*#__PURE__*/React.createElement(SelectionInlineCommentMounter, {

package/dist/esm/ui/annotations/selection/wrapper.js

@@ -4,13 +4,13 @@ import { SelectionRangeValidator } from './range-validator';
 export var Wrapper = function Wrapper(props) {
   var providers = useContext(ProvidersContext);
   var rendererRef = props.rendererRef,
-      createAnalyticsEvent = props.createAnalyticsEvent,
-      children = props.children;
+    createAnalyticsEvent = props.createAnalyticsEvent,
+    children = props.children;
   var inlineCommentProvider = providers && providers.inlineComment;
   var selectionComponent = inlineCommentProvider && inlineCommentProvider.selectionComponent;
   var render = useCallback(function (_ref) {
     var applyAnnotationDraftAt = _ref.applyAnnotationDraftAt,
-        clearAnnotationDraft = _ref.clearAnnotationDraft;
+      clearAnnotationDraft = _ref.clearAnnotationDraft;
     return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(SelectionRangeValidator, {
       createAnalyticsEvent: createAnalyticsEvent,
       rendererRef: rendererRef,
@@ -19,10 +19,8 @@ export var Wrapper = function Wrapper(props) {
       clearAnnotationDraft: clearAnnotationDraft
     }));
   }, [selectionComponent, children, rendererRef, createAnalyticsEvent]);
-
   if (!selectionComponent) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
-
   return /*#__PURE__*/React.createElement(AnnotationsDraftContextWrapper, null, render);
 };

package/dist/esm/ui/annotations/types.js

@@ -1,5 +1,4 @@
 export var InsertDraftPosition;
-
 (function (InsertDraftPosition) {
   InsertDraftPosition["AROUND_TEXT"] = "AROUND_TEXT";
   InsertDraftPosition["START"] = "START";

package/dist/esm/ui/annotations/view/index.js

@@ -2,7 +2,6 @@ import React, { useContext, useMemo } from 'react';
 import { ProvidersContext } from '../context';
 import { useAnnotationClickEvent } from '../hooks';
 import { RendererContext } from '../../../ui/RendererActionsContext';
-
 var AnnotationView = function AnnotationView(props) {
   var providers = useContext(ProvidersContext);
   var actionContext = useContext(RendererContext);
@@ -18,18 +17,15 @@ var AnnotationView = function AnnotationView(props) {
       return actionContext.deleteAnnotation(annotationInfo.id, annotationInfo.type);
     };
   }, [actionContext]);
-
   if (ViewComponent && viewComponentProps) {
     var annotations = viewComponentProps.annotations,
-        clickElementTarget = viewComponentProps.clickElementTarget;
+      clickElementTarget = viewComponentProps.clickElementTarget;
     return /*#__PURE__*/React.createElement(ViewComponent, {
       annotations: annotations,
       clickElementTarget: clickElementTarget,
       deleteAnnotation: deleteAnnotation
     });
   }
-
   return null;
 };
-
 export { AnnotationView };

package/dist/esm/use-feature-flags.js

@@ -1,6 +1,5 @@
 import { useRendererContext } from './renderer-context';
 export var useFeatureFlags = function useFeatureFlags() {
   var _useRendererContext;
-
   return (_useRendererContext = useRendererContext()) === null || _useRendererContext === void 0 ? void 0 : _useRendererContext.featureFlags;
 };

package/dist/esm/utils.js

@@ -2,16 +2,13 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { JSONTransformer } from '@atlaskit/editor-json-transformer';
-
 function createEncoder(parser, encoder) {
   return function (value) {
     return encoder.encode(parser.parse(value));
   };
 }
-
 export var ADFEncoder = /*#__PURE__*/_createClass(function ADFEncoder(createTransformerWithSchema) {
   _classCallCheck(this, ADFEncoder);
-
   var transformer = createTransformerWithSchema(defaultSchema);
   this.encode = createEncoder(transformer, new JSONTransformer());
 });
@@ -26,9 +23,9 @@ export var getPlatform = function getPlatform(rendererAppearance) {
   if (rendererAppearance === 'mobile') {
     return 'mobile';
   }
-
   return 'web';
 };
+
 /**
  * Traverse through parent elements of element. Return element for which evaluate(element) returns
  * true. If topElement is reached before evaluate returns true, return false. Does not run evaluate
@@ -38,19 +35,15 @@ export var getPlatform = function getPlatform(rendererAppearance) {
  * @param evaluate Function which returns true or false based on the given element. eg: Checks if
  * element has desired classname.
  */
-
 export function findInTree(element, topElement, evaluate) {
   if (element === topElement) {
     return false;
   }
-
   if (evaluate(element)) {
     return true;
   }
-
   if (!element.parentElement) {
     return false;
   }
-
   return findInTree(element.parentElement, topElement, evaluate);
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "105.1.0",
+	"version": "105.1.2",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "105.1.0",
+  "version": "105.1.2",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -47,7 +47,7 @@
     "@atlaskit/status": "^1.2.0",
     "@atlaskit/task-decision": "^17.5.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",