@jetbrains/ring-ui 5.0.100 → 5.1.1

package/components/popup/position.d.ts

@@ -23,7 +23,7 @@ export interface PositionAttrs {
     autoCorrectTopOverflow: boolean;
 }
 export declare const positionPropKeys: readonly ["directions", "autoPositioning", "autoCorrectTopOverflow", "sidePadding", "top", "left", "offset", "maxHeight", "minWidth"];
-export declare function maxHeightForDirection(direction: Directions, anchorNode: Element, containerNode?: Element | null): number | null;
+export declare function maxHeightForDirection(direction: Directions, anchorNode: Element, container?: Element): number;
 export default function position(attrs: PositionAttrs): {
     styles: PositionStyles;
     direction: Directions | null;

package/components/popup/position.js

@@ -46,7 +46,9 @@ function verticalOverflow(styles, scrollingCoordinates, attrs) {
     const viewportMinX = scrollingCoordinates.top + attrs.sidePadding;
     const viewportMaxX = scrollingCoordinates.top + containerHeight - attrs.sidePadding;
     const topOverflow = Math.max(viewportMinX - styles.top, 0);
-    const popupHeight = attrs.popup.clientHeight;
+    const popupHeight = attrs.maxHeight && typeof attrs.maxHeight === 'number'
+        ? Math.min(attrs.popup.scrollHeight, attrs.maxHeight)
+        : attrs.popup.scrollHeight;
     const verticalDiff = styles.top + popupHeight - viewportMaxX;
     const bottomOverflow = Math.max(verticalDiff, 0);
     return topOverflow + bottomOverflow;
@@ -76,37 +78,26 @@ const defaultcontainerRect = {
     top: 0,
     left: 0
 };
-function handleTopOffScreen({ sidePadding, styles, anchorRect, maxHeight, popupScrollHeight, direction, scroll }) {
-    const BORDER_COMPENSATION = 1;
-    const { TOP_LEFT, TOP_RIGHT, TOP_CENTER, RIGHT_TOP, LEFT_TOP } = Directions;
-    const openedToTop = direction != null && [TOP_LEFT, TOP_RIGHT, TOP_CENTER, RIGHT_TOP, LEFT_TOP].includes(direction);
-    if (!openedToTop) {
-        return styles;
+export function maxHeightForDirection(direction, anchorNode, container = document.documentElement) {
+    const MIN_POPUP_SIZE = 8;
+    const domRect = anchorNode.getBoundingClientRect();
+    let topMaxHeight;
+    let bottomMaxHeight;
+    if (container === document.documentElement) {
+        topMaxHeight = Math.max(domRect.top, MIN_POPUP_SIZE);
+        bottomMaxHeight = Math.max(getWindowHeight() - domRect.top - domRect.height, MIN_POPUP_SIZE);
     }
-    const isAttachedToAnchorTop = direction != null && [TOP_LEFT, TOP_CENTER, TOP_RIGHT].includes(direction);
-    const attachingPointY = (isAttachedToAnchorTop ? anchorRect.top : anchorRect.bottom);
-    const effectiveHeight = maxHeight && typeof maxHeight === 'number'
-        ? Math.min(popupScrollHeight, maxHeight)
-        : popupScrollHeight;
-    const hypotheticalTop = attachingPointY - effectiveHeight;
-    if (hypotheticalTop <= sidePadding) {
-        styles.top = sidePadding + scroll.top;
-        styles.maxHeight = attachingPointY - sidePadding + BORDER_COMPENSATION;
+    else {
+        const containerRect = container.getBoundingClientRect();
+        topMaxHeight = Math.max(domRect.top - containerRect.top, 0);
+        const containerHeight = Math.max(containerRect.height, 
+        // XXX
+        // If container is the document element
+        // then we check client height too because we may have situation when
+        // "height" from "getBoundingClientRect" less than "clientHeight".
+        container === document.documentElement ? container.clientHeight : 0);
+        bottomMaxHeight = Math.max(containerHeight - (topMaxHeight + domRect.height), 0);
     }
-    return styles;
-}
-export function maxHeightForDirection(direction, anchorNode, containerNode) {
-    const container = containerNode || document.documentElement;
-    const domRect = anchorNode.getBoundingClientRect();
-    const containerRect = container.getBoundingClientRect();
-    const topMaxHeight = Math.max(domRect.top - containerRect.top, 0);
-    const containerHeight = Math.max(containerRect.height, 
-    // XXX
-    // If container is the document element
-    // then we check client height too because we may have situation when
-    // "height" from "getBoundingClientRect" less then "clientHeight".
-    container === document.documentElement ? container.clientHeight : 0);
-    const bottomMaxHeight = Math.max(containerHeight - (topMaxHeight + domRect.height), 0);
     switch (direction) {
         case Directions.TOP_LEFT:
         case Directions.TOP_CENTER:
@@ -126,7 +117,8 @@ export function maxHeightForDirection(direction, anchorNode, containerNode) {
         case Directions.LEFT_CENTER:
             return (domRect.height / 2) + Math.min(bottomMaxHeight / 2, topMaxHeight / 2);
         default:
-            return null;
+            const exhaustiveCheck = direction;
+            throw new Error(exhaustiveCheck);
     }
 }
 export default function position(attrs) {
@@ -146,7 +138,7 @@ export default function position(attrs) {
         const overflowAttrs = { ...attrs, popup };
         const directionsMatrix = getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset);
         if (!autoPositioning || directions.length === 1) {
-            styles = directionsMatrix[directions[0]];
+            styles = { ...directionsMatrix[directions[0]] };
             chosenDirection = directions[0];
         }
         else {
@@ -161,7 +153,7 @@ export default function position(attrs) {
                     horizontalOverflow(stylesB, scroll, overflowAttrs);
                 return overflowA - overflowB;
             });
-            styles = sortedByIncreasingOverflow[0].styles;
+            styles = { ...sortedByIncreasingOverflow[0].styles };
             chosenDirection = sortedByIncreasingOverflow[0].direction;
         }
         // because of the anchor negative margin top and left also may become negative
@@ -178,16 +170,14 @@ export default function position(attrs) {
     else if (maxHeight) {
         styles.maxHeight = maxHeight;
     }
-    if (autoCorrectTopOverflow) {
-        styles = handleTopOffScreen({
-            sidePadding,
-            styles,
-            anchorRect,
-            maxHeight,
-            direction: chosenDirection,
-            popupScrollHeight: popup?.scrollHeight ?? 0,
-            scroll
-        });
+    if (autoCorrectTopOverflow && chosenDirection && anchor) {
+        const maxForDirection = maxHeightForDirection(chosenDirection, anchor) - sidePadding;
+        if (!styles.maxHeight || styles.maxHeight > maxForDirection) {
+            styles.maxHeight = maxForDirection;
+            if (styles.top === 0) {
+                styles.top = sidePadding;
+            }
+        }
     }
     if (minWidth === MinWidth.TARGET || minWidth === 'target') {
         styles.minWidth = anchorRect.width;

package/components/select/select__popup.js

@@ -278,7 +278,7 @@ export default class SelectPopup extends PureComponent {
         const anchorNode = this.props.anchorElement;
         const containerNode = getPopupContainer(ringPopupTarget) || document.documentElement;
         return anchorNode != null
-            ? Math.min(directions.reduce((maxHeight, direction) => (Math.max(maxHeight, maxHeightForDirection(direction, anchorNode, getStyles(containerNode).position !== 'static' ? containerNode : null) ?? 0)), minMaxHeight), userDefinedMaxHeight)
+            ? Math.min(directions.reduce((maxHeight, direction) => (Math.max(maxHeight, maxHeightForDirection(direction, anchorNode, getStyles(containerNode).position !== 'static' ? containerNode : undefined) ?? 0)), minMaxHeight), userDefinedMaxHeight)
             : userDefinedMaxHeight;
     });
     popupRef = (el) => {

package/dist/analytics/analytics.js

@@ -84,6 +84,6 @@ class Analytics {
     return suffix;
   }
 }
-var analyticsInstance = new Analytics();
+var analytics = new Analytics();
 
-export { Analytics, analyticsInstance as default };
+export { Analytics, analytics as default };

package/dist/popup/position.d.ts

@@ -23,7 +23,7 @@ export interface PositionAttrs {
     autoCorrectTopOverflow: boolean;
 }
 export declare const positionPropKeys: readonly ["directions", "autoPositioning", "autoCorrectTopOverflow", "sidePadding", "top", "left", "offset", "maxHeight", "minWidth"];
-export declare function maxHeightForDirection(direction: Directions, anchorNode: Element, containerNode?: Element | null): number | null;
+export declare function maxHeightForDirection(direction: Directions, anchorNode: Element, container?: Element): number;
 export default function position(attrs: PositionAttrs): {
     styles: PositionStyles;
     direction: Directions | null;

package/dist/popup/position.js

@@ -81,7 +81,7 @@ function verticalOverflow(styles, scrollingCoordinates, attrs) {
   const viewportMinX = scrollingCoordinates.top + attrs.sidePadding;
   const viewportMaxX = scrollingCoordinates.top + containerHeight - attrs.sidePadding;
   const topOverflow = Math.max(viewportMinX - styles.top, 0);
-  const popupHeight = attrs.popup.clientHeight;
+  const popupHeight = attrs.maxHeight && typeof attrs.maxHeight === 'number' ? Math.min(attrs.popup.scrollHeight, attrs.maxHeight) : attrs.popup.scrollHeight;
   const verticalDiff = styles.top + popupHeight - viewportMaxX;
   const bottomOverflow = Math.max(verticalDiff, 0);
   return topOverflow + bottomOverflow;
@@ -101,50 +101,26 @@ const defaultcontainerRect = {
   top: 0,
   left: 0
 };
-function handleTopOffScreen(_ref) {
-  let {
-    sidePadding,
-    styles,
-    anchorRect,
-    maxHeight,
-    popupScrollHeight,
-    direction,
-    scroll
-  } = _ref;
-  const BORDER_COMPENSATION = 1;
-  const {
-    TOP_LEFT,
-    TOP_RIGHT,
-    TOP_CENTER,
-    RIGHT_TOP,
-    LEFT_TOP
-  } = Directions;
-  const openedToTop = direction != null && [TOP_LEFT, TOP_RIGHT, TOP_CENTER, RIGHT_TOP, LEFT_TOP].includes(direction);
-  if (!openedToTop) {
-    return styles;
-  }
-  const isAttachedToAnchorTop = direction != null && [TOP_LEFT, TOP_CENTER, TOP_RIGHT].includes(direction);
-  const attachingPointY = isAttachedToAnchorTop ? anchorRect.top : anchorRect.bottom;
-  const effectiveHeight = maxHeight && typeof maxHeight === 'number' ? Math.min(popupScrollHeight, maxHeight) : popupScrollHeight;
-  const hypotheticalTop = attachingPointY - effectiveHeight;
-  if (hypotheticalTop <= sidePadding) {
-    styles.top = sidePadding + scroll.top;
-    styles.maxHeight = attachingPointY - sidePadding + BORDER_COMPENSATION;
-  }
-  return styles;
-}
-function maxHeightForDirection(direction, anchorNode, containerNode) {
-  const container = containerNode || document.documentElement;
+function maxHeightForDirection(direction, anchorNode) {
+  let container = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.documentElement;
+  const MIN_POPUP_SIZE = 8;
   const domRect = anchorNode.getBoundingClientRect();
-  const containerRect = container.getBoundingClientRect();
-  const topMaxHeight = Math.max(domRect.top - containerRect.top, 0);
-  const containerHeight = Math.max(containerRect.height,
-  // XXX
-  // If container is the document element
-  // then we check client height too because we may have situation when
-  // "height" from "getBoundingClientRect" less then "clientHeight".
-  container === document.documentElement ? container.clientHeight : 0);
-  const bottomMaxHeight = Math.max(containerHeight - (topMaxHeight + domRect.height), 0);
+  let topMaxHeight;
+  let bottomMaxHeight;
+  if (container === document.documentElement) {
+    topMaxHeight = Math.max(domRect.top, MIN_POPUP_SIZE);
+    bottomMaxHeight = Math.max(getWindowHeight() - domRect.top - domRect.height, MIN_POPUP_SIZE);
+  } else {
+    const containerRect = container.getBoundingClientRect();
+    topMaxHeight = Math.max(domRect.top - containerRect.top, 0);
+    const containerHeight = Math.max(containerRect.height,
+    // XXX
+    // If container is the document element
+    // then we check client height too because we may have situation when
+    // "height" from "getBoundingClientRect" less than "clientHeight".
+    container === document.documentElement ? container.clientHeight : 0);
+    bottomMaxHeight = Math.max(containerHeight - (topMaxHeight + domRect.height), 0);
+  }
   switch (direction) {
     case Directions.TOP_LEFT:
     case Directions.TOP_CENTER:
@@ -164,7 +140,8 @@ function maxHeightForDirection(direction, anchorNode, containerNode) {
     case Directions.LEFT_CENTER:
       return domRect.height / 2 + Math.min(bottomMaxHeight / 2, topMaxHeight / 2);
     default:
-      return null;
+      const exhaustiveCheck = direction;
+      throw new Error(exhaustiveCheck);
   }
 }
 function position(attrs) {
@@ -200,7 +177,9 @@ function position(attrs) {
     };
     const directionsMatrix = getPositionStyles(popup, anchorRect, anchorLeft, anchorTop, offset);
     if (!autoPositioning || directions.length === 1) {
-      styles = directionsMatrix[directions[0]];
+      styles = {
+        ...directionsMatrix[directions[0]]
+      };
       chosenDirection = directions[0];
     } else {
       const sortedByIncreasingOverflow = directions.
@@ -208,18 +187,20 @@ function position(attrs) {
       concat(directions[0]).filter(direction => directionsMatrix[direction]).map(direction => ({
         styles: directionsMatrix[direction],
         direction
-      })).sort((_ref2, _ref3) => {
+      })).sort((_ref, _ref2) => {
         let {
           styles: stylesA
-        } = _ref2;
+        } = _ref;
         let {
           styles: stylesB
-        } = _ref3;
+        } = _ref2;
         const overflowA = verticalOverflow(stylesA, scroll, overflowAttrs) + horizontalOverflow(stylesA, scroll, overflowAttrs);
         const overflowB = verticalOverflow(stylesB, scroll, overflowAttrs) + horizontalOverflow(stylesB, scroll, overflowAttrs);
         return overflowA - overflowB;
       });
-      styles = sortedByIncreasingOverflow[0].styles;
+      styles = {
+        ...sortedByIncreasingOverflow[0].styles
+      };
       chosenDirection = sortedByIncreasingOverflow[0].direction;
     }
     // because of the anchor negative margin top and left also may become negative
@@ -235,17 +216,14 @@ function position(attrs) {
   } else if (maxHeight) {
     styles.maxHeight = maxHeight;
   }
-  if (autoCorrectTopOverflow) {
-    var _popup$scrollHeight;
-    styles = handleTopOffScreen({
-      sidePadding,
-      styles,
-      anchorRect,
-      maxHeight,
-      direction: chosenDirection,
-      popupScrollHeight: (_popup$scrollHeight = popup?.scrollHeight) !== null && _popup$scrollHeight !== void 0 ? _popup$scrollHeight : 0,
-      scroll
-    });
+  if (autoCorrectTopOverflow && chosenDirection && anchor) {
+    const maxForDirection = maxHeightForDirection(chosenDirection, anchor) - sidePadding;
+    if (!styles.maxHeight || styles.maxHeight > maxForDirection) {
+      styles.maxHeight = maxForDirection;
+      if (styles.top === 0) {
+        styles.top = sidePadding;
+      }
+    }
   }
   if (minWidth === MinWidth.TARGET || minWidth === 'target') {
     styles.minWidth = anchorRect.width;

package/dist/select/select__popup.js

@@ -166,7 +166,7 @@ class SelectPopup extends PureComponent {
       const containerNode = getPopupContainer(ringPopupTarget) || document.documentElement;
       return anchorNode != null ? Math.min(directions.reduce((maxHeight, direction) => {
         var _maxHeightForDirectio;
-        return Math.max(maxHeight, (_maxHeightForDirectio = maxHeightForDirection(direction, anchorNode, getStyles(containerNode).position !== 'static' ? containerNode : null)) !== null && _maxHeightForDirectio !== void 0 ? _maxHeightForDirectio : 0);
+        return Math.max(maxHeight, (_maxHeightForDirectio = maxHeightForDirection(direction, anchorNode, getStyles(containerNode).position !== 'static' ? containerNode : undefined)) !== null && _maxHeightForDirectio !== void 0 ? _maxHeightForDirectio : 0);
       }, minMaxHeight), userDefinedMaxHeight) : userDefinedMaxHeight;
     }));
     _defineProperty(this, "popupRef", el => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.100",
+  "version": "5.1.1",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -78,7 +78,7 @@
     "@babel/eslint-parser": "^7.19.1",
     "@jetbrains/eslint-config": "^5.4.1",
     "@jetbrains/stylelint-config": "^3.0.2",
-    "@primer/octicons": "^17.10.2",
+    "@primer/octicons": "^17.11.1",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.2",
@@ -137,7 +137,7 @@
     "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
     "imports-loader": "^4.0.1",
-    "jest": "~29.3.1",
+    "jest": "~29.4.0",
     "jest-environment-jsdom": "^29.4.0",
     "jest-teamcity": "^1.10.0",
     "karma": "^6.4.1",
@@ -150,7 +150,7 @@
     "merge-options": "^3.0.4",
     "mocha": "^10.2.0",
     "pinst": "^3.0.0",
-    "puppeteer": "^19.6.0",
+    "puppeteer": "^19.6.1",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

package/components/analytics-ng/analytics-ng.examples.js

@@ -1,61 +0,0 @@
-import angular from 'angular';
-
-import angularDecorator, {APP_NAME} from '../../.storybook/angular-decorator';
-
-import LinkNG from '../link-ng/link-ng';
-
-import AnalyticsNG from './analytics-ng';
-
-export default {
-  title: 'Legacy Angular/Analytics Ng',
-  decorators: [angularDecorator()],
-
-  parameters: {
-    notes: 'Provides an Angular wrapper for Analytics.',
-    hermione: {skip: true}
-  },
-  argTypes: {onAnalytics: {}}
-};
-
-function noop() {}
-export const analyticsStory = ({onAnalytics = noop}) => {
-  angular.
-    module(APP_NAME, [AnalyticsNG, LinkNG]).
-    config(function config(analyticsProvider, AnalyticsCustomPlugin /*, AnalyticsGAPlugin*/) {
-      const analyticsEnabled = true;
-      if (analyticsEnabled) {
-        const isDevelopment = true;
-        const customPlugin = new AnalyticsCustomPlugin(
-          data => onAnalytics('Here you can send data to server', data),
-          isDevelopment,
-          600
-        );
-        // const gaId = 'GA-XXXXX-ID';
-        analyticsProvider.plugins([
-          customPlugin //, new AnalyticsGAPlugin(gaId)
-        ]);
-      }
-    }).
-    controller('TrackEventDemoCtrl', function controller(analytics) {
-      analytics.trackEvent('track-event-demo', 'show');
-    });
-
-  return `
-      <div>
-        <p>Hover or click the links below and check the console output:</p>
-        <div>
-          <rg-link href="" rg-analytics="overview:view-doc">
-            Link with an onclick analytics trigger
-          </rg-link>
-        </div>
-        <div>
-          <rg-link href="" rg-analytics="overview:view-doc" rg-analytics-on="mouseover">
-            Link with an onmouseover analytics trigger
-          </rg-link>
-        </div>
-        <div ng-controller="TrackEventDemoCtrl"></div>
-      </div>
-    `;
-};
-
-analyticsStory.storyName = 'Analytics Ng';

package/components/analytics-ng/analytics-ng.js

@@ -1,87 +0,0 @@
-import angular from 'angular';
-
-import analyticsInstance from '../analytics/analytics';
-import AnalyticsGAPlugin from '../analytics/analytics__ga-plugin';
-import AnalyticsFUSPlugin from '../analytics/analytics__fus-plugin';
-import AnalyticsCustomPlugin from '../analytics/analytics__custom-plugin';
-
-/**
- * @name Analytics Ng
-*/
-
-const angularModule = angular.module('Ring.analytics', []);
-
-/**
- * @name analyticsProvider
- * @description Configures analytics with plugins.
- */
-angularModule.provider('analytics', function provider() {
-  let configPlugins = [];
-  /**
-   * @param plugins
-   */
-  this.plugins = plugins => {
-    configPlugins = plugins;
-  };
-
-  this.$get = function get($log, $injector) {
-    const loadedPlugins = [];
-    for (let i = 0; i < configPlugins.length; ++i) {
-      if (typeof configPlugins[i] === 'string') {
-        try {
-          const plugin = $injector.get(configPlugins[i]);
-          loadedPlugins.push(plugin);
-          $log.debug(`analytics: loaded plugin ${configPlugins[i]}`);
-        } catch (err) {
-          $log.debug(`analytics: unable to load factory ${configPlugins[i]}`);
-        }
-      } else {
-        loadedPlugins.push(configPlugins[i]);
-      }
-    }
-    analyticsInstance.config(loadedPlugins);
-    return analyticsInstance;
-  };
-});
-
-angularModule.constant('AnalyticsGAPlugin', AnalyticsGAPlugin);
-angularModule.constant('AnalyticsCustomPlugin', AnalyticsCustomPlugin);
-angularModule.constant('AnalyticsFUSPlugin', AnalyticsFUSPlugin);
-
-/**
- * Enable page tracking
- */
-angularModule.run(function analyticsRun($rootScope, analytics) {
-  $rootScope.$on('$routeChangeSuccess', (evt, current) => { // eslint-disable-line angular/on-watch
-    /* eslint-disable angular/no-private-call */
-    if (current && current.$$route && current.$$route.originalPath) {
-      analytics.trackPageView(current.$$route.originalPath);
-    }
-    /* eslint-enable angular/no-private-call */
-  });
-});
-
-/**
- *  @ngdoc directive
- *  @name rg-analytics
- *
- *  @description
- *  The `rg-analytics="<categoryName>:<eventName>"` sends categoryName and eventName to analytics server on
- *  user action, specified via attribute `rg-analytics-on` (e.g. rg-analytics-on='mouseover' means that analytics will be sent on mouseover,
- *  rg-analytics-on='click' - on click). If there is no attribute rg-analytics-on, the default value 'click' is used.
- */
-angularModule.directive('rgAnalytics', function rgAnalyticsDirective(analytics) {
-  return {
-    restrict: 'A',
-    replace: false,
-
-    link: function link($scope, elem) {
-      const eventType = elem.attr('rg-analytics-on') || 'click';
-      angular.element(elem).bind(eventType, () => {
-        analytics.track(elem.attr('rg-analytics'));
-      });
-    }
-  };
-});
-
-export default angularModule.name;

package/components/analytics-ng/analytics-ng.test.js

@@ -1,82 +0,0 @@
-import angular from 'angular';
-import 'angular-mocks';
-
-import AnalyticsCustomPlugin from '../analytics/analytics__custom-plugin';
-
-import Analytics from './analytics-ng';
-
-describe('Analytics Ng', () => {
-  beforeEach(
-    window.module('Ring.analytics',
-      analyticsProvider => {
-        const send = sandbox.stub();
-        analyticsProvider.plugins([new AnalyticsCustomPlugin(send)]);
-      })
-  );
-
-  /* global inject */
-  it('should define module', inject(() => {
-    angular.module(Analytics).should.exist;
-  }));
-
-  it('should export factory', inject(analytics => {
-    analytics.should.exist;
-  }));
-
-  it('should export correct interface', inject(analytics => {
-    analytics.trackPageView.should.exist;
-    analytics.trackEvent.should.exist;
-    analytics.track.should.exist;
-  }));
-
-  describe('rgAnalytics', () => {
-    let $rootScope;
-    let $compile;
-    let analytics;
-
-    beforeEach(inject((_$rootScope_, _$compile_, _analytics_) => {
-      $rootScope = _$rootScope_;
-      $compile = _$compile_;
-      analytics = _analytics_;
-      sandbox.spy(analytics, 'trackEvent');
-    }));
-
-    function compileTemplate(template) {
-      const elem = $compile(template)($rootScope);
-      $rootScope.$digest();
-      return elem;
-    }
-
-    const click = new CustomEvent('click');
-
-    it('should track event for full arguments list', () => {
-      const elem = compileTemplate('<a href="#" rg-analytics="some-category:some-event">Link</a>');
-      elem[0].dispatchEvent(click);
-
-      analytics.trackEvent.should.calledWith('some-category', 'some-event');
-    });
-
-    it('should track event (with empty event)', () => {
-      const elem = compileTemplate('<a href="#" rg-analytics="some-category">Link</a>');
-      elem[0].dispatchEvent(click);
-
-      analytics.trackEvent.should.calledWith('some-category', '');
-    });
-
-    it('should track event (with empty category)', () => {
-      const elem = compileTemplate('<a href="#" rg-analytics=":some-event">Link</a>');
-      elem[0].dispatchEvent(click);
-
-      analytics.trackEvent.should.calledWith('', 'some-event');
-    });
-
-    it('should track event for non-default user action)', () => {
-      const elem = compileTemplate(
-        '<a href="#" rg-analytics="category:expand" rg-analytics-on="blur">Link</a>'
-      );
-      elem[0].dispatchEvent(new CustomEvent('blur'));
-
-      analytics.trackEvent.should.calledWith('category', 'expand');
-    });
-  });
-});

package/dist/analytics-ng/analytics-ng.js

@@ -1,89 +0,0 @@
-import angular from 'angular';
-import analyticsInstance from '../analytics/analytics.js';
-import AnalyticsGAPlugin from '../analytics/analytics__ga-plugin.js';
-import AnalyticsFUSPlugin from '../analytics/analytics__fus-plugin.js';
-import AnalyticsCustomPlugin from '../analytics/analytics__custom-plugin.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import '../analytics/analytics__plugin-utils.js';
-import '../global/sniffer.js';
-import 'sniffr';
-
-/**
- * @name Analytics Ng
-*/
-
-const angularModule = angular.module('Ring.analytics', []);
-
-/**
- * @name analyticsProvider
- * @description Configures analytics with plugins.
- */
-angularModule.provider('analytics', function provider() {
-  let configPlugins = [];
-  /**
-   * @param plugins
-   */
-  this.plugins = plugins => {
-    configPlugins = plugins;
-  };
-  this.$get = ["$log", "$injector", function get($log, $injector) {
-    const loadedPlugins = [];
-    for (let i = 0; i < configPlugins.length; ++i) {
-      if (typeof configPlugins[i] === 'string') {
-        try {
-          const plugin = $injector.get(configPlugins[i]);
-          loadedPlugins.push(plugin);
-          $log.debug(`analytics: loaded plugin ${configPlugins[i]}`);
-        } catch (err) {
-          $log.debug(`analytics: unable to load factory ${configPlugins[i]}`);
-        }
-      } else {
-        loadedPlugins.push(configPlugins[i]);
-      }
-    }
-    analyticsInstance.config(loadedPlugins);
-    return analyticsInstance;
-  }];
-});
-angularModule.constant('AnalyticsGAPlugin', AnalyticsGAPlugin);
-angularModule.constant('AnalyticsCustomPlugin', AnalyticsCustomPlugin);
-angularModule.constant('AnalyticsFUSPlugin', AnalyticsFUSPlugin);
-
-/**
- * Enable page tracking
- */
-angularModule.run(["$rootScope", "analytics", function analyticsRun($rootScope, analytics) {
-  $rootScope.$on('$routeChangeSuccess', (evt, current) => {
-    // eslint-disable-line angular/on-watch
-    /* eslint-disable angular/no-private-call */
-    if (current && current.$$route && current.$$route.originalPath) {
-      analytics.trackPageView(current.$$route.originalPath);
-    }
-    /* eslint-enable angular/no-private-call */
-  });
-}]);
-
-/**
- *  @ngdoc directive
- *  @name rg-analytics
- *
- *  @description
- *  The `rg-analytics="<categoryName>:<eventName>"` sends categoryName and eventName to analytics server on
- *  user action, specified via attribute `rg-analytics-on` (e.g. rg-analytics-on='mouseover' means that analytics will be sent on mouseover,
- *  rg-analytics-on='click' - on click). If there is no attribute rg-analytics-on, the default value 'click' is used.
- */
-angularModule.directive('rgAnalytics', ["analytics", function rgAnalyticsDirective(analytics) {
-  return {
-    restrict: 'A',
-    replace: false,
-    link: function link($scope, elem) {
-      const eventType = elem.attr('rg-analytics-on') || 'click';
-      angular.element(elem).bind(eventType, () => {
-        analytics.track(elem.attr('rg-analytics'));
-      });
-    }
-  };
-}]);
-var analyticsNg = angularModule.name;
-
-export { analyticsNg as default };