@atlaskit/editor-common 72.2.0 → 72.2.2

package/dist/es2019/utils/get-performance-options.js

@@ -1,14 +1,14 @@
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { getParticipantsCount } from './collab';
-import { startMeasure, stopMeasure } from './performance/measure'; // This was existing logic when converting from ReactNodeView
-// our current sampling for this event is not bound by node.type
+import { startMeasure, stopMeasure } from './performance/measure';
 
+// This was existing logic when converting from ReactNodeView
+// our current sampling for this event is not bound by node.type
 let nodeViewRenderedEventsCounter = 0;
 const DEFAULT_SAMPLING_RATE = 100;
 const DEFAULT_SLOW_THRESHOLD = 7;
 export function getPerformanceOptions(view) {
   var _nodeViewTracking$sam, _nodeViewTracking$slo;
-
   // TODO: ED-15663
   // Please, do not copy or use this kind of code below
   // @ts-ignore

package/dist/es2019/utils/imageLoader.js

@@ -4,11 +4,9 @@ import React, { Component } from 'react';
 export const withImageLoader = Wrapped => class WithImageLoader extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       imageStatus: 'loading'
     });
-
     _defineProperty(this, "onLoad", () => {
       this.setState({
         imageStatus: 'complete'
@@ -16,7 +14,6 @@ export const withImageLoader = Wrapped => class WithImageLoader extends Componen
       const {
         onExternalImageLoaded
       } = this.props;
-
       if (onExternalImageLoaded && this.img) {
         onExternalImageLoaded({
           width: this.img.naturalWidth,
@@ -24,18 +21,15 @@ export const withImageLoader = Wrapped => class WithImageLoader extends Componen
         });
       }
     });
-
     _defineProperty(this, "onError", () => {
       this.setState({
         imageStatus: 'error'
       });
     });
   }
-
   componentDidMount() {
     this.fetchImage(this.props);
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.url !== this.props.url) {
       this.setState({
@@ -44,7 +38,6 @@ export const withImageLoader = Wrapped => class WithImageLoader extends Componen
       this.fetchImage(nextProps);
     }
   }
-
   componentWillUnmount() {
     if (this.img) {
       this.img.removeEventListener('load', this.onLoad);
@@ -52,7 +45,6 @@ export const withImageLoader = Wrapped => class WithImageLoader extends Componen
       this.img = null;
     }
   }
-
   fetchImage({
     url
   }) {
@@ -62,11 +54,9 @@ export const withImageLoader = Wrapped => class WithImageLoader extends Componen
         this.img.addEventListener('load', this.onLoad);
         this.img.addEventListener('error', this.onError);
       }
-
       this.img.src = url;
     }
   }
-
   render() {
     const {
       imageStatus
@@ -75,5 +65,4 @@ export const withImageLoader = Wrapped => class WithImageLoader extends Componen
       imageStatus: imageStatus
     }));
   }
-
 };

package/dist/es2019/utils/is-text-input.js

@@ -1,12 +1,11 @@
 // TODO: remove from editor-core utils, re-export from editor-common
+
 import { ReplaceStep } from 'prosemirror-transform';
 export const isTextInput = tr => {
   const [step] = tr.steps;
-
   if (!step || !(step instanceof ReplaceStep)) {
     return false;
   }
-
   const {
     slice: {
       content

package/dist/es2019/utils/list.js

@@ -1,29 +1,25 @@
-export const DEFAULT_ORDER = 1; // resolve "order" to a safe, 0+ integer, otherwise return undefined
+export const DEFAULT_ORDER = 1;
+
+// resolve "order" to a safe, 0+ integer, otherwise return undefined
 // Note: Any changes to this function should also be made to "resolveStart"
 // in packages/editor/adf-schema/src/schema/nodes/ordered-list.ts
-
 export const resolveOrder = order => {
   const num = Number(order);
-
   if (Number.isNaN(num)) {
     return;
   }
-
   if (num < 0) {
     return;
   }
-
   return Math.floor(Math.max(num, 0));
 };
 export const getOrderFromOrderedListNode = orderedListNode => {
   var _orderedListNode$attr, _resolveOrder;
-
   const order = orderedListNode === null || orderedListNode === void 0 ? void 0 : (_orderedListNode$attr = orderedListNode.attrs) === null || _orderedListNode$attr === void 0 ? void 0 : _orderedListNode$attr.order;
   return (_resolveOrder = resolveOrder(order)) !== null && _resolveOrder !== void 0 ? _resolveOrder : DEFAULT_ORDER;
 };
 export const getItemCounterDigitsSize = options => {
   var _resolveOrder2, _String, _String$split, _String$split$;
-
   const order = (_resolveOrder2 = resolveOrder(options.order)) !== null && _resolveOrder2 !== void 0 ? _resolveOrder2 : DEFAULT_ORDER;
   const itemsCount = typeof options.itemsCount === 'number' ? options.itemsCount : 0;
   const largestCounter = order + (itemsCount - 1);

package/dist/es2019/utils/macro.js

@@ -5,11 +5,9 @@ export const getExtensionLozengeData = ({
   if (!node.attrs.parameters) {
     return;
   }
-
   const {
     macroMetadata
   } = node.attrs.parameters;
-
   if (macroMetadata && macroMetadata.placeholder) {
     let placeholderData;
     macroMetadata.placeholder.forEach(placeholder => {
@@ -19,6 +17,5 @@ export const getExtensionLozengeData = ({
     });
     return placeholderData;
   }
-
   return;
 };

package/dist/es2019/utils/nodes.js

@@ -13,11 +13,9 @@ export const findChangedNodesFromTransaction = tr => {
       slice
     } = step;
     const size = slice && slice.content ? slice.content.size : 0;
-
     for (let i = from; i <= to + size; i++) {
       if (i <= tr.doc.content.size) {
         const topLevelNode = tr.doc.resolve(i).node(1);
-
         if (topLevelNode && !nodes.find(n => n === topLevelNode)) {
           nodes.push(topLevelNode);
         }
@@ -32,55 +30,49 @@ export const validNode = node => {
   } catch (error) {
     return false;
   }
-
   return true;
 };
-/** Validates prosemirror nodes, and returns true only if all nodes are valid */
 
+/** Validates prosemirror nodes, and returns true only if all nodes are valid */
 export const validateNodes = nodes => nodes.every(validNode);
 export const isType = (node, type) => type && node && node.type === type;
 export const isParagraph = (node, schema) => isType(node, schema.nodes.paragraph);
 export const isText = (node, schema) => isType(node, schema.nodes.text);
 export const isLinkMark = (node, schema) => isType(node, schema.marks.link);
 export let SelectedState;
+
 /**
  * Returns if the current selection from achor-head is selecting the node.
  * If the node is not selected then null is returned.
  * If the node is selected then an enum is returned that describes weather the node
  * is fully selected by a range or if the "inside" of the node has been selected or clicked.
  */
-
 (function (SelectedState) {
   SelectedState[SelectedState["selectedInRange"] = 0] = "selectedInRange";
   SelectedState[SelectedState["selectedInside"] = 1] = "selectedInside";
 })(SelectedState || (SelectedState = {}));
-
 export const isNodeSelectedOrInRange = (anchorPosition, headPosition, nodePosition, nodeSize) => {
   const rangeStart = Math.min(anchorPosition, headPosition);
   const rangeEnd = Math.max(anchorPosition, headPosition);
   const nodeStart = nodePosition;
   const nodeEnd = nodePosition + nodeSize;
-
   if (anchorPosition === headPosition) {
     return null;
   }
-
   if (rangeStart <= nodeStart && nodeEnd < rangeEnd || rangeStart < nodeStart && nodeEnd <= rangeEnd) {
     return SelectedState.selectedInRange;
   }
-
   if (nodeStart <= anchorPosition && headPosition <= nodeEnd) {
     return SelectedState.selectedInside;
   }
-
   return null;
 };
+
 /**
  * Checks if a particular node fragment is supported in the parent
  * @param state EditorState
  * @param fragment The fragment to be checked for
  */
-
 export const isSupportedInParent = (state, fragment, currentAppearance) => {
   const depth = currentAppearance === 'embed' || currentAppearance === 'block' ? undefined : -1;
   const parent = state.selection.$from.node(depth);

package/dist/es2019/utils/outdated-browsers.js

@@ -2,31 +2,23 @@ export const isOutdatedBrowser = userAgent => {
   // Take browsers in both Desktop and Mobile (includes Chrome, Firefox, Edge and Safari) within last 2 years
   const chrome = /Chrome\//.test(userAgent) && !/OPR\//.test(userAgent);
   const chromeVersion = chrome ? parseInt((userAgent.match(/Chrome\/(\d+)/) || [])[1], 10) : 0;
-
   if (chromeVersion >= 84) {
     return false;
   }
-
   const gecko = /gecko\/\d/i.test(userAgent);
   const geckoVersion = gecko ? parseInt((userAgent.match(/Firefox\/(\d+)/) || [])[1], 10) : 0;
-
   if (geckoVersion >= 84) {
     return false;
   }
-
   const edge = /Edge\/(\d+)/.exec(userAgent);
   const edgeVersion = edge ? +edge[1] : 0;
-
   if (edgeVersion >= 84) {
     return false;
   }
-
   const safari = !chrome && !gecko && /Version\/([0-9\._]+).*Safari/.test(userAgent);
   const safariVersion = safari ? parseInt((userAgent.match(/Version\/([0-9\._]+).*Safari/) || [])[1], 10) : 0;
-
   if (safariVersion >= 12) {
     return false;
   }
-
   return true;
 };

package/dist/es2019/utils/performance/hooks/use-component-render-tracking/index.js

@@ -15,22 +15,18 @@ export function useComponentRenderTracking({
     const lastProps = propsRef.current;
     const renderCount = renderCountRef.current;
     let propsDifference;
-
     if (propsDiffingOptions !== null && propsDiffingOptions !== void 0 && propsDiffingOptions.enabled && lastProps) {
       propsDifference = propsDiffingOptions !== null && propsDiffingOptions !== void 0 && propsDiffingOptions.useShallow ? getShallowPropsDifference(lastProps, propsDiffingOptions.props) : getPropsDifference(lastProps, propsDiffingOptions.props, 0, 2, propsDiffingOptions === null || propsDiffingOptions === void 0 ? void 0 : propsDiffingOptions.propsToIgnore);
     }
-
     const result = {
       renderCount,
       propsDifference,
       componentId
     };
     onRender(result);
-
     if (propsDiffingOptions !== null && propsDiffingOptions !== void 0 && propsDiffingOptions.enabled) {
       propsRef.current = propsDiffingOptions.props;
     }
-
     renderCountRef.current = renderCountRef.current + 1;
   }); // No dependencies run on each render
 }

package/dist/es2019/utils/performance/is-performance-api-available.js

@@ -3,7 +3,6 @@ export function isPerformanceAPIAvailable() {
   if (hasRequiredPerformanceAPIs === undefined) {
     hasRequiredPerformanceAPIs = typeof window !== 'undefined' && 'performance' in window && ['measure', 'clearMeasures', 'clearMarks', 'getEntriesByName', 'getEntriesByType', 'now'].every(api => !!performance[api]);
   }
-
   return hasRequiredPerformanceAPIs;
 }
 export function isPerformanceObserverAvailable() {

package/dist/es2019/utils/performance/measure-render.js

@@ -1,10 +1,10 @@
 import { isPerformanceAPIAvailable } from './is-performance-api-available';
+
 /**
  * Monitors if a pages enters a visibility state which will lead to
  * distorted duration measurements (where the measurement uses the
  * requestAnimationFrame api).
  */
-
 export function getDistortedDurationMonitor() {
   // If an editor is rendered when the document is not visible -- the callback passed to
   // requestAnimationFrame will not fire until the document becomes visible again.
@@ -16,26 +16,23 @@ export function getDistortedDurationMonitor() {
   // To mitigate this -- we detect this state -- and fire a seperate callback when the
   // measurement has occured when the render was in the backgroun
   let distortedDuration = document.visibilityState !== 'visible';
-
   function handleVisibilityChange() {
     if (document.visibilityState !== 'visible') {
       distortedDuration = true;
     }
   }
-
   document.addEventListener('visibilitychange', handleVisibilityChange);
   return {
     distortedDuration,
-
     /**
      * Cleans up the document visibility event listener
      */
     cleanup() {
       document.removeEventListener('visibilitychange', handleVisibilityChange);
     }
-
   };
 }
+
 /**
  * Measures time it takes to render a frame including -> style, paint, layout and composition.
  *
@@ -49,7 +46,6 @@ export function getDistortedDurationMonitor() {
  * | javascript (framework)           | style | layout | paint | composite | javascript  | ...
  *  | startMark + scheduling rAF |                                                       | rAF callback, endMark
  */
-
 export function measureRender(
 /**
  * Unique name for the measurement
@@ -70,7 +66,6 @@ onMeasureComplete) {
   if (!isPerformanceAPIAvailable()) {
     return;
   }
-
   const startMark = `[START]: ${measureName}`;
   const endMark = `[END]: ${measureName}`;
   const startTime = performance.now();
@@ -81,11 +76,9 @@ onMeasureComplete) {
       performance.mark(endMark);
       distortedDurationMonitor.cleanup();
       const duration = performance.now() - startTime;
-
       try {
         performance.measure(measureName, startMark, endMark);
         const entry = performance.getEntriesByName(measureName).pop();
-
         if (!entry) {
           onMeasureComplete({
             duration,
@@ -106,7 +99,6 @@ onMeasureComplete) {
           distortedDuration: distortedDurationMonitor.distortedDuration
         });
       }
-
       performance.clearMeasures(measureName);
       performance.clearMarks(startMark);
       performance.clearMarks(endMark);

package/dist/es2019/utils/performance/measure-tti.js

@@ -1,11 +1,11 @@
 import { SEVERITY } from '../analytics';
 import { isPerformanceObserverLongTaskAvailable } from './is-performance-api-available';
-export function measureTTI(onMeasureComplete, idleThreshold = 1000, cancelAfter = 60, // Dependency Injection for easier testing
+export function measureTTI(onMeasureComplete, idleThreshold = 1000, cancelAfter = 60,
+// Dependency Injection for easier testing
 PerfObserver) {
   if (!isPerformanceObserverLongTaskAvailable()) {
     return;
   }
-
   const start = performance.now();
   let prevLongTask;
   let lastLongTask = {
@@ -15,7 +15,6 @@ PerfObserver) {
   let cancelAfterMs = cancelAfter * 1000;
   const observer = new (PerfObserver || PerformanceObserver)(list => {
     const entries = list.getEntries();
-
     if (entries.length) {
       prevLongTask = lastLongTask;
       lastLongTask = entries[entries.length - 1];
@@ -24,17 +23,16 @@ PerfObserver) {
   observer.observe({
     entryTypes: ['longtask']
   });
-
   const checkIdle = () => {
     // 1. There hasn't been any long task in `idleThreshold` time: Interactive from the start.
     // 2. Only 1 long task: Interactive from the end of the only long task.
     // 3. Several long tasks:
     //    3.1 Interactive from the end of prevLongTask if `lastLongTask.start - prevLongTask.end >= idleThreshold`
     //    3.2 Interactive from the end of lastLongTask if `lastLongTask.start - prevLongTask.end < idleThreshold`
+
     const now = performance.now();
     const lastEnd = lastLongTask.startTime + lastLongTask.duration;
     const prevEnd = prevLongTask ? prevLongTask.startTime + prevLongTask.duration : lastEnd;
-
     if (!prevLongTask) {
       observer.disconnect();
       return onMeasureComplete(prevEnd, 0, false);
@@ -45,11 +43,9 @@ PerfObserver) {
       observer.disconnect();
       return onMeasureComplete(lastEnd, lastEnd - start, cancelAfterMs <= 0);
     }
-
     cancelAfterMs = Math.max(0, cancelAfterMs - (now - start));
     return setTimeout(checkIdle, idleThreshold);
   };
-
   setTimeout(checkIdle, idleThreshold);
 }
 export const TTI_SEVERITY_THRESHOLD_DEFAULTS = {
@@ -64,7 +60,6 @@ export function getTTISeverity(tti, ttiFromInvocation, ttiSeverityNormalTheshold
   const ttiNormalThreshold = ttiSeverityNormalTheshold || TTI_SEVERITY_THRESHOLD_DEFAULTS.NORMAL;
   const ttiDegradedThreshold = ttiSeverityDegradedThreshold || TTI_SEVERITY_THRESHOLD_DEFAULTS.DEGRADED;
   let ttiSeverity;
-
   if (tti >= ttiNormalThreshold && tti < ttiDegradedThreshold) {
     ttiSeverity = SEVERITY.DEGRADED;
   } else if (tti >= ttiDegradedThreshold) {
@@ -72,11 +67,9 @@ export function getTTISeverity(tti, ttiFromInvocation, ttiSeverityNormalTheshold
   } else {
     ttiSeverity = SEVERITY.NORMAL;
   }
-
   const ttiFromInvocationNormalThreshold = ttiFromInvocationSeverityNormalThreshold || TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS.NORMAL;
   const ttiFromInvocationDegradedThreshold = ttiFromInvocationSeverityDegradedThreshold || TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS.DEGRADED;
   let ttiFromInvocationSeverity;
-
   if (ttiFromInvocation >= ttiFromInvocationNormalThreshold && ttiFromInvocation < ttiFromInvocationDegradedThreshold) {
     ttiFromInvocationSeverity = SEVERITY.DEGRADED;
   } else if (ttiFromInvocation >= ttiFromInvocationDegradedThreshold) {
@@ -84,7 +77,6 @@ export function getTTISeverity(tti, ttiFromInvocation, ttiSeverityNormalTheshold
   } else {
     ttiFromInvocationSeverity = SEVERITY.NORMAL;
   }
-
   return {
     ttiSeverity,
     ttiFromInvocationSeverity

package/dist/es2019/utils/performance/measure.js

@@ -4,7 +4,6 @@ export function startMeasure(measureName) {
   if (!isPerformanceAPIAvailable()) {
     return;
   }
-
   performance.mark(`${measureName}::start`);
   measureMap.set(measureName, performance.now());
 }
@@ -12,23 +11,19 @@ export function stopMeasure(measureName, onMeasureComplete) {
   if (!isPerformanceAPIAvailable()) {
     return;
   }
-
   performance.mark(`${measureName}::end`);
   const start = onMeasureComplete ? measureMap.get(measureName) : undefined;
-
   try {
     performance.measure(measureName, `${measureName}::start`, `${measureName}::end`);
   } catch (error) {} finally {
     if (onMeasureComplete) {
       const entry = performance.getEntriesByName(measureName).pop();
-
       if (entry) {
         onMeasureComplete(entry.duration, entry.startTime);
       } else if (start) {
         onMeasureComplete(performance.now() - start, start);
       }
     }
-
     clearMeasure(measureName);
   }
 }
@@ -36,7 +31,6 @@ export function clearMeasure(measureName) {
   if (!isPerformanceAPIAvailable()) {
     return;
   }
-
   measureMap.delete(measureName);
   performance.clearMarks(`${measureName}::start`);
   performance.clearMarks(`${measureName}::end`);

package/dist/es2019/utils/performance/navigation.js

@@ -3,12 +3,9 @@ export function getResponseEndTime() {
   if (!isPerformanceAPIAvailable()) {
     return;
   }
-
   const nav = performance.getEntriesByType('navigation')[0];
-
   if (nav) {
     return nav.responseEnd;
   }
-
   return;
 }

package/dist/es2019/utils/plugin-state-factory.js

@@ -44,10 +44,10 @@
  * }, tr => tr.setMeta('addToHistory', false));
  *
  */
+
 function isFunction(x) {
   return typeof x === 'function';
 }
-
 export function pluginFactory(pluginKey, reducer, options = {}) {
   const {
     mapping,
@@ -62,46 +62,37 @@ export function pluginFactory(pluginKey, reducer, options = {}) {
           const oldPluginState = mapping ? mapping(tr, _pluginState, newEditorState) : _pluginState;
           let newPluginState = oldPluginState;
           const meta = tr.getMeta(pluginKey);
-
           if (meta) {
             newPluginState = reducer(oldPluginState, meta);
           }
-
           if (onDocChanged && tr.docChanged) {
             newPluginState = onDocChanged(tr, newPluginState, newEditorState);
           } else if (onSelectionChanged && tr.selectionSet) {
             newPluginState = onSelectionChanged(tr, newPluginState, newEditorState);
           }
-
           if (newPluginState !== oldPluginState) {
             dispatch(pluginKey, newPluginState);
           }
-
           return newPluginState;
         }
       };
     },
-
     createCommand(action, transform) {
       return (state, dispatch) => {
         if (dispatch) {
           const tr = transform ? transform(state.tr, state) : state.tr;
           const resolvedAction = isFunction(action) ? action(state) : action;
-
           if (tr && resolvedAction) {
             dispatch(tr.setMeta(pluginKey, resolvedAction));
           } else {
             return false;
           }
         }
-
         return true;
       };
     },
-
     getPluginState(state) {
       return pluginKey.getState(state);
     }
-
   };
 }

package/dist/es2019/utils/profiler/render-count.js

@@ -4,51 +4,44 @@ export class RenderCountProfiler {
    * The singleton/cached instance of RenderCountProfiler that will be shared
    * betweenRenderCountProfiler.getInstance() calls
    */
+
   constructor({
     store
   }) {
     this.store = store;
   }
+
   /**
    * Returns the singleton/cached instance of RenderCountProfiler that
    * currently exists. If it hasn't been instantiated yet, the singleton
    * instance will be created using the given params. Returns the latest
    * singleton/instance.
    */
-
-
   static getInstance(params) {
     if (!RenderCountProfiler.instance) {
       RenderCountProfiler.instance = new RenderCountProfiler({
         store: params.store
       });
     }
-
     return RenderCountProfiler.instance;
   }
-
   getData(profilerKey) {
     var _this$store;
-
     return (_this$store = this.store) === null || _this$store === void 0 ? void 0 : _this$store[profilerKey];
   }
-
   enable() {
-    this.store[PROFILER_KEY] = { ...this.store[PROFILER_KEY],
+    this.store[PROFILER_KEY] = {
+      ...this.store[PROFILER_KEY],
       enabled: true
     };
   }
-
   remove() {
     delete this.store[PROFILER_KEY];
   }
-
   isEnabled() {
     var _this$store2, _this$store2$PROFILER;
-
     return Boolean((_this$store2 = this.store) === null || _this$store2 === void 0 ? void 0 : (_this$store2$PROFILER = _this$store2[PROFILER_KEY]) === null || _this$store2$PROFILER === void 0 ? void 0 : _this$store2$PROFILER.enabled);
   }
-
   setRenderCount({
     componentId,
     renderCount,
@@ -60,24 +53,24 @@ export class RenderCountProfiler {
     };
     const existingComponents = profilerData === null || profilerData === void 0 ? void 0 : profilerData.components;
     const existingInstances = existingComponents === null || existingComponents === void 0 ? void 0 : existingComponents[componentId];
-    const updatedComponent = { ...existingInstances,
+    const updatedComponent = {
+      ...existingInstances,
       [instanceId]: instance
     };
-    this.store[PROFILER_KEY] = { ...profilerData,
-      components: { ...existingComponents,
+    this.store[PROFILER_KEY] = {
+      ...profilerData,
+      components: {
+        ...existingComponents,
         [componentId]: updatedComponent
       }
     };
   }
-
   getInstanceRenderCounters({
     componentId
   }) {
     var _this$store$PROFILER_, _this$store3, _this$store3$PROFILER, _this$store3$PROFILER2;
-
     const component = (_this$store$PROFILER_ = (_this$store3 = this.store) === null || _this$store3 === void 0 ? void 0 : (_this$store3$PROFILER = _this$store3[PROFILER_KEY]) === null || _this$store3$PROFILER === void 0 ? void 0 : (_this$store3$PROFILER2 = _this$store3$PROFILER.components) === null || _this$store3$PROFILER2 === void 0 ? void 0 : _this$store3$PROFILER2[componentId]) !== null && _this$store$PROFILER_ !== void 0 ? _this$store$PROFILER_ : {};
     const counters = [];
-
     for (let instanceId in component) {
       const counter = {
         instanceId,
@@ -85,23 +78,17 @@ export class RenderCountProfiler {
       };
       counters.push(counter);
     }
-
     return counters;
   }
-
   getRenderCount({
     componentId
   }) {
     var _this$store$PROFILER_2, _this$store4, _this$store4$PROFILER, _this$store4$PROFILER2;
-
     const component = (_this$store$PROFILER_2 = (_this$store4 = this.store) === null || _this$store4 === void 0 ? void 0 : (_this$store4$PROFILER = _this$store4[PROFILER_KEY]) === null || _this$store4$PROFILER === void 0 ? void 0 : (_this$store4$PROFILER2 = _this$store4$PROFILER.components) === null || _this$store4$PROFILER2 === void 0 ? void 0 : _this$store4$PROFILER2[componentId]) !== null && _this$store$PROFILER_2 !== void 0 ? _this$store$PROFILER_2 : {};
     let total = 0;
-
     for (let instanceId in component) {
       total += component[instanceId].count;
     }
-
     return total;
   }
-
 }