@atlaskit/renderer 105.1.1 → 106.0.0

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -9,7 +8,6 @@ import { splitText, calcTextSplitOffset } from './text';
 import { calcInsertDraftPositionOnText } from './position';
 import { dataAttributes } from './dom';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
-
 const markStyles = props => css`
   color: inherit;
   background-color: unset;
@@ -17,7 +15,6 @@ const markStyles = props => css`
 
   ${AnnotationSharedCSSByState(props).focus};
 `;
-
 export const AnnotationDraft = ({
   draftPosition,
   children
@@ -32,15 +29,12 @@ export const getAnnotationIndex = (annotationPosition, fragmentCount) => {
   if (annotationPosition === InsertDraftPosition.START) {
     return 0;
   }
-
   if (annotationPosition === InsertDraftPosition.END) {
     return fragmentCount - 1;
   }
-
   if (annotationPosition === InsertDraftPosition.INSIDE && fragmentCount === 3) {
     return 1;
   }
-
   return -1;
 };
 export const applyAnnotationOnText = ({
@@ -56,7 +50,6 @@ export const applyAnnotationOnText = ({
         draftPosition: draftPosition
       }, value);
     }
-
     return jsx(React.Fragment, {
       key: index
     }, value);
@@ -76,28 +69,22 @@ export const TextWithAnnotationDraft = ({
     if (!nextDraftPosition) {
       return false;
     }
-
     return calcInsertDraftPositionOnText(textPosition, nextDraftPosition);
   }, [nextDraftPosition, textPosition]);
-
   if (shouldApplyAnnotationAt === false || !nextDraftPosition) {
     return jsx(Fragment, null, children);
   }
-
   if (shouldApplyAnnotationAt === InsertDraftPosition.AROUND_TEXT) {
     return jsx(AnnotationDraft, {
       key: 0,
       draftPosition: nextDraftPosition
     }, children);
   }
-
   const offsets = calcTextSplitOffset(nextDraftPosition, textPosition, children);
   const texts = splitText(children, offsets);
-
   if (!texts) {
     return jsx(Fragment, null, children);
   }
-
   const components = applyAnnotationOnText({
     texts,
     shouldApplyAnnotationAt,

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

@@ -8,25 +8,19 @@ export const dataAttributes = ({
     ['data-draft-end-at']: to
   };
 };
-
 const buildDataAttributesQuery = pos => {
   const a = dataAttributes(pos);
   return Object.entries(a).map(([k, v]) => `[${k}="${v}"]`).join('');
 };
-
 export const updateWindowSelectionAroundDraft = pos => {
   const sel = window.getSelection();
-
   if (!sel) {
     return false;
   }
-
   const draftNodes = document.querySelectorAll(buildDataAttributesQuery(pos));
-
   if (!draftNodes || draftNodes.length === 0) {
     return false;
   }
-
   sel.removeAllRanges();
   const range = document.createRange();
   range.setStart(draftNodes[0], 0);

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

@@ -4,28 +4,20 @@ export const calcInsertDraftPositionOnText = ({
   end: endTextPosition
 }, position) => {
   const isRangePositionAroundText = position.from <= startTextPosition && position.to >= endTextPosition;
-
   if (isRangePositionAroundText) {
     return InsertDraftPosition.AROUND_TEXT;
   }
-
   const isRangePositionInsideText = position.from > startTextPosition && position.from < endTextPosition && position.to < endTextPosition && position.to > startTextPosition;
-
   if (isRangePositionInsideText) {
     return InsertDraftPosition.INSIDE;
   }
-
   const isRangePositionStartingAtText = position.from >= startTextPosition && position.from <= endTextPosition && position.to >= endTextPosition;
-
   if (isRangePositionStartingAtText) {
     return InsertDraftPosition.END;
   }
-
   const isRangePositionEndingAtText = position.from <= startTextPosition && position.to >= startTextPosition && position.to <= endTextPosition;
-
   if (isRangePositionEndingAtText) {
     return InsertDraftPosition.START;
   }
-
   return false;
 };

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

@@ -5,7 +5,6 @@ export const splitText = (text, {
   if (endOffset > text.length || endOffset - startOffset <= 0) {
     return null;
   }
-
   return [text.slice(0, startOffset), text.slice(startOffset, endOffset), text.slice(endOffset)].filter(Boolean);
 };
 export const calcTextSplitOffset = (position, textPosition, text) => {

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

@@ -4,7 +4,6 @@ import { MarkComponent } from './mark';
 import { useInlineCommentSubscriberContext, useHasFocusEvent, useInlineCommentsFilter } from '../hooks';
 import { InlineCommentsStateContext } from '../context';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
-
 const MarkElement = ({
   annotationParentIds,
   children,
@@ -22,7 +21,6 @@ const MarkElement = ({
     if (!updateSubscriber) {
       return;
     }
-
     const {
       eventTarget,
       annotationIds
@@ -47,5 +45,4 @@ const MarkElement = ({
     state: states[id]
   }, children);
 };
-
 export { MarkElement };

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

@@ -1,11 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @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';
-
 const markStyles = props => css`
   color: inherit;
   background-color: unset;
@@ -24,7 +22,6 @@ const markStyles = props => css`
     }
   }
 `;
-
 export const MarkComponent = ({
   annotationParentIds,
   children,
@@ -39,16 +36,17 @@ export const MarkComponent = ({
     // 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,
       annotationIds
     });
   }, [annotationIds, onClick, state]);
-  const overriddenData = !state ? dataAttributes : { ...dataAttributes,
+  const overriddenData = !state ? dataAttributes : {
+    ...dataAttributes,
     'data-mark-annotation-state': state,
     'data-has-focus': hasFocus
   };

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

@@ -12,28 +12,26 @@ export const useAnnotationStateByTypeEvent = ({
     if (!updateSubscriber) {
       return;
     }
-
     const cb = payload => {
       if (!payload) {
         return;
       }
-
       const nextStates = Object.values(payload).reduce((acc, curr) => {
         if (curr.id && curr.annotationType === type) {
           // Check for empty state to prevent additional renders
           const isEmpty = curr.state === null || curr.state === undefined;
-          return { ...acc,
+          return {
+            ...acc,
             [curr.id]: !isEmpty ? curr.state : states[curr.id]
           };
         }
-
         return acc;
       }, {});
-      setStates({ ...states,
+      setStates({
+        ...states,
         ...nextStates
       });
     };
-
     updateSubscriber.on(AnnotationUpdateEvent.SET_ANNOTATION_STATE, cb);
     return () => {
       updateSubscriber.off(AnnotationUpdateEvent.SET_ANNOTATION_STATE, cb);
@@ -50,15 +48,12 @@ export const useHasFocusEvent = ({
     if (!updateSubscriber) {
       return;
     }
-
     const cb = payload => {
       setHasFocus(payload && payload.annotationId === id);
     };
-
     const removeFocus = () => {
       setHasFocus(false);
     };
-
     updateSubscriber.on(AnnotationUpdateEvent.SET_ANNOTATION_FOCUS, cb);
     updateSubscriber.on(AnnotationUpdateEvent.REMOVE_ANNOTATION_FOCUS, removeFocus);
     return () => {
@@ -78,7 +73,6 @@ export const useAnnotationClickEvent = props => {
     if (!updateSubscriber) {
       return;
     }
-
     const cb = ({
       annotationIds,
       eventTarget
@@ -87,7 +81,6 @@ export const useAnnotationClickEvent = props => {
         id,
         type: AnnotationTypes.INLINE_COMMENT
       }));
-
       if (createAnalyticsEvent) {
         createAnalyticsEvent({
           action: ACTION.VIEWED,
@@ -99,13 +92,11 @@ export const useAnnotationClickEvent = props => {
           }
         }).fire(FabricChannel.editor);
       }
-
       setAnnotationClickEvent({
         annotations: annotationsByType,
         clickElementTarget: eventTarget
       });
     };
-
     updateSubscriber.on(AnnotationUpdateEvent.ON_ANNOTATION_CLICK, cb);
     return () => {
       updateSubscriber.off(AnnotationUpdateEvent.ON_ANNOTATION_CLICK, cb);

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

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

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

@@ -12,7 +12,6 @@ export const useInlineCommentsFilter = ({
       if (states && states[id] === stateFilter) {
         return [...acc, id];
       }
-
       return acc;
     }, []);
   }, [annotationIds, states, stateFilter]);

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

@@ -11,32 +11,28 @@ export const useLoadAnnotations = ({
     if (!providers) {
       return;
     }
-
     const {
       inlineComment: {
         getState: inlineCommentGetState,
         updateSubscriber: updateSubscriberInlineComment
       }
     } = providers;
-    const annotations = actions.getAnnotationMarks(); // we don't want to request integrators for state with an empty list of ids.
-
+    const annotations = actions.getAnnotationMarks();
+    // we don't want to request integrators for state with an empty list of ids.
     if (!annotations.length) {
       return;
     }
-
     const ids = annotations.map(mark => mark.attrs.id);
-
     const cb = data => {
       if (!updateSubscriberInlineComment) {
         return;
       }
-
-      const payload = data.reduce((acc, value) => ({ ...acc,
+      const payload = data.reduce((acc, value) => ({
+        ...acc,
         [value.id]: value
       }), {});
       updateSubscriberInlineComment.emit(AnnotationUpdateEvent.SET_ANNOTATION_STATE, payload);
     };
-
     inlineCommentGetState(ids).then(cb);
   }, [actions, providers, adfDocument]);
 };

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

@@ -12,25 +12,19 @@ export const useUserSelectionRange = props => {
     const {
       current: rendererDOM
     } = rendererRef;
-
     if (!document || !rendererDOM) {
       return;
     }
-
     const onSelectionChange = event => {
       const sel = document.getSelection();
-
       if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1 || hasAnnotationDraft) {
         return;
       }
-
       const _range = sel.getRangeAt(0);
-
       if (isRangeInsideOfRendererContainer(rendererDOM, _range)) {
         setRange(_range.cloneRange());
       }
     };
-
     document.addEventListener('selectionchange', onSelectionChange);
     return () => {
       document.removeEventListener('selectionchange', onSelectionChange);

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

@@ -24,12 +24,10 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
     if (!isAnnotationAllowed || !documentPosition || !applyAnnotation) {
       return false;
     }
-
     const annotation = {
       annotationId,
       annotationType: AnnotationTypes.INLINE_COMMENT
     };
-
     if (createAnalyticsEvent) {
       createAnalyticsEvent({
         action: ACTION.INSERTED,
@@ -39,20 +37,16 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
         eventType: EVENT_TYPE.TRACK
       }).fire(FabricChannel.editor);
     }
-
     return applyAnnotation(draftDocumentPosition || documentPosition, annotation);
   }, [isAnnotationAllowed, documentPosition, applyAnnotation, draftDocumentPosition, createAnalyticsEvent]);
   const createIndexCallback = useCallback(() => {
     if (!documentPosition || !generateIndexMatch) {
       return false;
     }
-
     const result = generateIndexMatch(documentPosition);
-
     if (!result) {
       return false;
     }
-
     return result;
   }, [documentPosition, generateIndexMatch]);
   const applyDraftModeCallback = useCallback((keepNativeSelection = true) => {
@@ -66,13 +60,10 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
           eventType: EVENT_TYPE.TRACK
         }).fire(FabricChannel.editor);
       }
-
       return;
     }
-
     setDraftDocumentPosition(documentPosition);
     applyAnnotationDraftAt(documentPosition);
-
     if (createAnalyticsEvent) {
       const uniqueAnnotationsInRange = actions.getAnnotationsByPosition(range);
       createAnalyticsEvent({
@@ -85,13 +76,11 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
         }
       }).fire(FabricChannel.editor);
     }
-
     window.requestAnimationFrame(() => {
       if (keepNativeSelection) {
         updateWindowSelectionAroundDraft(documentPosition);
       } else {
         const sel = window.getSelection();
-
         if (sel) {
           sel.removeAllRanges();
         }
@@ -102,7 +91,6 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
     clearAnnotationDraft();
     setDraftDocumentPosition(null);
     const sel = window.getSelection();
-
     if (sel) {
       sel.removeAllRanges();
     }
@@ -117,7 +105,6 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
         attributes: {}
       }).fire(FabricChannel.editor);
     }
-
     removeDraftModeCallback();
     onCloseProps();
   }, [onCloseProps, removeDraftModeCallback, createAnalyticsEvent]);

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

@@ -14,11 +14,9 @@ export const SelectionRangeValidator = props => {
   const [range, clearRange] = useUserSelectionRange({
     rendererRef
   });
-
   if (!range) {
     return null;
   }
-
   const documentPosition = actions.getPositionFromRange(range);
   const isAnnotationAllowed = documentPosition && actions.isValidAnnotationPosition(documentPosition);
   return /*#__PURE__*/React.createElement(SelectionInlineCommentMounter, {

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

@@ -22,10 +22,8 @@ export const 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/es2019/ui/annotations/types.js

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

package/dist/es2019/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';
-
 const AnnotationView = props => {
   const providers = useContext(ProvidersContext);
   const actionContext = useContext(RendererContext);
@@ -14,7 +13,6 @@ const AnnotationView = props => {
   });
   const ViewComponent = inlineCommentProvider && inlineCommentProvider.viewComponent;
   const deleteAnnotation = useMemo(() => annotationInfo => actionContext.deleteAnnotation(annotationInfo.id, annotationInfo.type), [actionContext]);
-
   if (ViewComponent && viewComponentProps) {
     const {
       annotations,
@@ -26,8 +24,6 @@ const AnnotationView = props => {
       deleteAnnotation: deleteAnnotation
     });
   }
-
   return null;
 };
-
 export { AnnotationView };

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

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

package/dist/es2019/utils.js

@@ -1,16 +1,13 @@
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { JSONTransformer } from '@atlaskit/editor-json-transformer';
-
 function createEncoder(parser, encoder) {
   return value => encoder.encode(parser.parse(value));
 }
-
 export class ADFEncoder {
   constructor(createTransformerWithSchema) {
     const transformer = createTransformerWithSchema(defaultSchema);
     this.encode = createEncoder(transformer, new JSONTransformer());
   }
-
 }
 export const getText = node => {
   return node.text || node.attrs && (node.attrs.text || node.attrs.shortName) || `[${typeof node.type === 'string' ? node.type : node.type.name}]`;
@@ -22,9 +19,9 @@ export const 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
@@ -34,19 +31,15 @@ export const 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/es2019/version.json

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