Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

teamleader-ui

Package Overview
Dependencies
Maintainers
3
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

teamleader-ui - npm Package Compare versions

Comparing version 0.0.14-alpha to 0.0.15-alpha

yarn.lock

6

components/popover/Popover.js

@@ -27,2 +27,3 @@ import React, { Component, PropTypes } from 'react';

direction: PropTypes.string.isRequired,
offsetCorrection: PropTypes.number,
onCloseClick: PropTypes.func,

@@ -58,2 +59,3 @@ onEscKeyDown: PropTypes.func,

backdrop: 'dark',
offsetCorrection: 0,
showHeader: true,

@@ -97,3 +99,3 @@ };

setPlacement () {
const { anchorEl, direction, position } = this.props;
const { anchorEl, direction, position, offsetCorrection } = this.props;
const targetEl = document.querySelectorAll(`[data-teamleader-ui="popover-${axis}"]`)[ 0 ];

@@ -103,3 +105,3 @@

{
positioning: calculatePositions(anchorEl, targetEl, direction, position),
positioning: calculatePositions(anchorEl, targetEl, direction, position, offsetCorrection),
}

@@ -106,0 +108,0 @@ );

@@ -45,10 +45,10 @@ const ARROW_OFFSET = 7;

const positionTop = (anchorPosition, targetPosition) => ({
top: anchorPosition.top - POPUP_OFFSET * 0.75,
const positionTop = (anchorPosition, targetPosition, offsetCorrection) => ({
top: anchorPosition.top - POPUP_OFFSET * 0.75 - offsetCorrection,
arrowTop: ARROW_OFFSET * 2.35,
});
const positionBottom = (anchorPosition, targetPosition) => ({
top: anchorPosition.bottom - targetPosition.height + POPUP_OFFSET * 0.75,
arrowTop: targetPosition.height - 4.5 * ARROW_OFFSET,
const positionBottom = (anchorPosition, targetPosition, offsetCorrection) => ({
top: anchorPosition.bottom - targetPosition.height + POPUP_OFFSET * 0.75 + offsetCorrection,
arrowTop: targetPosition.height - ARROW_OFFSET * 4.5,
});

@@ -102,9 +102,9 @@

const positionLeft = (anchorPosition, targetPosition) => ({
left: anchorPosition.left,
const positionLeft = (anchorPosition, targetPosition, offsetCorrection) => ({
left: anchorPosition.left - offsetCorrection,
arrowLeft: 2 * POPUP_OFFSET,
});
const positionRight = (anchorPosition, targetPosition) => ({
left: anchorPosition.right - targetPosition.width,
const positionRight = (anchorPosition, targetPosition, offsetCorrection) => ({
left: anchorPosition.right - targetPosition.width + offsetCorrection,
arrowLeft: targetPosition.width - POPUP_OFFSET * 3,

@@ -154,3 +154,9 @@ });

export function calculateHorizontalPositions (anchorEl, targetEl, inputDirection, inputPosition) {
export function calculateHorizontalPositions (
anchorEl,
targetEl,
inputDirection,
inputPosition,
inputOffsetCorrection
) {
const anchorPosition = getAnchorPosition(anchorEl);

@@ -171,7 +177,7 @@ const targetPosition = getTargetPosition(targetEl);

if (positionToRender === 'top') {
position = positionTop(anchorPosition, targetPosition);
position = positionTop(anchorPosition, targetPosition, inputOffsetCorrection);
} else if (positionToRender === 'middle') {
position = positionMiddle(anchorPosition, targetPosition);
} else {
position = positionBottom(anchorPosition, targetPosition);
position = positionBottom(anchorPosition, targetPosition, inputOffsetCorrection);
}

@@ -182,3 +188,9 @@

export function calculateVerticalPositions (anchorEl, targetEl, inputDirection, inputPosition) {
export function calculateVerticalPositions (
anchorEl,
targetEl,
inputDirection,
inputPosition,
inputOffsetCorrection
) {
const anchorPosition = getAnchorPosition(anchorEl);

@@ -199,7 +211,7 @@ const targetPosition = getTargetPosition(targetEl);

if (positionToRender === 'left') {
position = positionLeft(anchorPosition, targetPosition);
position = positionLeft(anchorPosition, targetPosition, inputOffsetCorrection);
} else if (positionToRender === 'center') {
position = positionCenter(anchorPosition, targetPosition);
} else {
position = positionRight(anchorPosition, targetPosition);
position = positionRight(anchorPosition, targetPosition, inputOffsetCorrection);
}

@@ -206,0 +218,0 @@

@@ -9,3 +9,3 @@ import _extends from 'babel-runtime/helpers/extends';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/Button.js';
import React, { Component, PropTypes } from 'react';

@@ -187,7 +187,7 @@ import classnames from 'classnames';

__REACT_HOT_LOADER__.register(Button, 'Button', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js');
__REACT_HOT_LOADER__.register(Button, 'Button', '/Users/dries/Sites/teamleader-ui/components/button/Button.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/Button.js');
}();
;

@@ -9,3 +9,3 @@ import _extends from 'babel-runtime/helpers/extends';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js';
import React, { Component, PropTypes } from 'react';

@@ -168,9 +168,9 @@ import classnames from 'classnames';

__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js');
__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
__REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js');
__REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
}();
;

@@ -25,11 +25,11 @@ import { themr } from 'react-css-themr';

__REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/index.js');
__REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
__REACT_HOT_LOADER__.register(ThemedButton, 'ThemedButton', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/index.js');
__REACT_HOT_LOADER__.register(ThemedButton, 'ThemedButton', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
__REACT_HOT_LOADER__.register(ThemedIconButton, 'ThemedIconButton', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/index.js');
__REACT_HOT_LOADER__.register(ThemedIconButton, 'ThemedIconButton', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
}();
;

@@ -8,3 +8,3 @@ import _extends from 'babel-runtime/helpers/extends';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/Dialog.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js';
import React, { Component, PropTypes } from 'react';

@@ -184,9 +184,9 @@ import classnames from 'classnames';

__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/Dialog.js');
__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js');
__REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/Dialog.js');
__REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/Dialog.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js');
}();
;

@@ -21,9 +21,9 @@ import { themr } from 'react-css-themr';

__REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/index.js');
__REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/dries/Sites/teamleader-ui/components/dialog/index.js');
__REACT_HOT_LOADER__.register(ThemedDialog, 'ThemedDialog', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/index.js');
__REACT_HOT_LOADER__.register(ThemedDialog, 'ThemedDialog', '/Users/dries/Sites/teamleader-ui/components/dialog/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/dialog/index.js');
}();
;
import _extends from 'babel-runtime/helpers/extends';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/FontIcon.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js';
import React, { PropTypes } from 'react';

@@ -49,7 +49,7 @@ import cx from 'classnames';

__REACT_HOT_LOADER__.register(FontIcon, 'FontIcon', '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/FontIcon.js');
__REACT_HOT_LOADER__.register(FontIcon, 'FontIcon', '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/FontIcon.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js');
}();
;

@@ -13,5 +13,5 @@ import FontIcon from './FontIcon.js';

__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/font_icon/index.js');
}();
;

@@ -8,3 +8,3 @@ import _extends from 'babel-runtime/helpers/extends';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/ActivableRenderer.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/hoc/ActivableRenderer.js';
import React, { Component, PropTypes } from 'react';

@@ -119,7 +119,7 @@

__REACT_HOT_LOADER__.register(ActivableRendererFactory, 'ActivableRendererFactory', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/ActivableRenderer.js');
__REACT_HOT_LOADER__.register(ActivableRendererFactory, 'ActivableRendererFactory', '/Users/dries/Sites/teamleader-ui/components/hoc/ActivableRenderer.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/ActivableRenderer.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/hoc/ActivableRenderer.js');
}();
;

@@ -6,3 +6,3 @@ import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js';
import React, { Component, PropTypes } from 'react';

@@ -155,9 +155,9 @@ import ReactDOM from 'react-dom';

__REACT_HOT_LOADER__.register(Portal, 'Portal', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js');
__REACT_HOT_LOADER__.register(Portal, 'Portal', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
__REACT_HOT_LOADER__.register(getContainer, 'getContainer', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js');
__REACT_HOT_LOADER__.register(getContainer, 'getContainer', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
}();
;

@@ -15,17 +15,17 @@ export var BUTTON = 'TLButton';

__REACT_HOT_LOADER__.register(BUTTON, 'BUTTON', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(BUTTON, 'BUTTON', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(DIALOG, 'DIALOG', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(DIALOG, 'DIALOG', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(LOADING_MOLECULE, 'LOADING_MOLECULE', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(LOADING_MOLECULE, 'LOADING_MOLECULE', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(MENU, 'MENU', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(MENU, 'MENU', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(OVERLAY, 'OVERLAY', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(OVERLAY, 'OVERLAY', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(POPOVER_VERTICAL, 'POPOVER_VERTICAL', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(POPOVER_VERTICAL, 'POPOVER_VERTICAL', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(POPOVER_HORIZONTAL, 'POPOVER_HORIZONTAL', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
__REACT_HOT_LOADER__.register(POPOVER_HORIZONTAL, 'POPOVER_HORIZONTAL', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
}();
;

@@ -22,9 +22,9 @@ import { themr } from 'react-css-themr';

__REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/index.js');
__REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/index.js');
__REACT_HOT_LOADER__.register(ThemedLoadingMolecule, 'ThemedLoadingMolecule', '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/index.js');
__REACT_HOT_LOADER__.register(ThemedLoadingMolecule, 'ThemedLoadingMolecule', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/index.js');
}();
;

@@ -8,3 +8,3 @@ import _extends from 'babel-runtime/helpers/extends';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/LoadingMolecule.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/LoadingMolecule.js';
import React, { Component, PropTypes } from 'react';

@@ -185,7 +185,7 @@ import { themr } from 'react-css-themr';

__REACT_HOT_LOADER__.register(LoadingMolecule, 'LoadingMolecule', '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
__REACT_HOT_LOADER__.register(LoadingMolecule, 'LoadingMolecule', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
}();
;

@@ -8,3 +8,3 @@ import _extends from 'babel-runtime/helpers/extends';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js';
import React, { Component, PropTypes } from 'react';

@@ -159,9 +159,9 @@ import classnames from 'classnames';

__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js');
__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
__REACT_HOT_LOADER__.register(IconMenu, 'IconMenu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js');
__REACT_HOT_LOADER__.register(IconMenu, 'IconMenu', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
}();
;

@@ -32,15 +32,15 @@ import { themr } from 'react-css-themr';

__REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(ThemedMenuDivider, 'ThemedMenuDivider', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(ThemedMenuDivider, 'ThemedMenuDivider', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(ThemedMenuItem, 'ThemedMenuItem', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(ThemedMenuItem, 'ThemedMenuItem', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(ThemedMenu, 'ThemedMenu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(ThemedMenu, 'ThemedMenu', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(ThemedIconMenu, 'ThemedIconMenu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(ThemedIconMenu, 'ThemedIconMenu', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
}();
;

@@ -8,3 +8,3 @@ import _Object$keys from 'babel-runtime/core-js/object/keys';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js';
import React, { Component, PropTypes } from 'react';

@@ -349,11 +349,11 @@ import ReactDOM from 'react-dom';

__REACT_HOT_LOADER__.register(POSITION, 'POSITION', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js');
__REACT_HOT_LOADER__.register(POSITION, 'POSITION', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js');
__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
__REACT_HOT_LOADER__.register(Menu, 'Menu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js');
__REACT_HOT_LOADER__.register(Menu, 'Menu', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
}();
;

@@ -1,2 +0,2 @@

var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuDivider.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/MenuDivider.js';
import React, { PropTypes } from 'react';

@@ -32,7 +32,7 @@ import { themr } from 'react-css-themr';

__REACT_HOT_LOADER__.register(MenuDivider, 'MenuDivider', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuDivider.js');
__REACT_HOT_LOADER__.register(MenuDivider, 'MenuDivider', '/Users/dries/Sites/teamleader-ui/components/menu/MenuDivider.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuDivider.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/MenuDivider.js');
}();
;

@@ -9,3 +9,3 @@ import _extends from 'babel-runtime/helpers/extends';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js';
import React, { Component, PropTypes } from 'react';

@@ -143,9 +143,9 @@ import classnames from 'classnames';

__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js');
__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
__REACT_HOT_LOADER__.register(MenuItem, 'MenuItem', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js');
__REACT_HOT_LOADER__.register(MenuItem, 'MenuItem', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
}();
;

@@ -17,7 +17,7 @@ import { themr } from 'react-css-themr';

__REACT_HOT_LOADER__.register(ThemedOverlay, 'ThemedOverlay', '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/index.js');
__REACT_HOT_LOADER__.register(ThemedOverlay, 'ThemedOverlay', '/Users/dries/Sites/teamleader-ui/components/overlay/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/overlay/index.js');
}();
;

@@ -9,3 +9,3 @@ import _extends from 'babel-runtime/helpers/extends';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/Overlay.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js';
import React, { Component, PropTypes } from 'react';

@@ -164,7 +164,7 @@ import classnames from 'classnames';

__REACT_HOT_LOADER__.register(Overlay, 'Overlay', '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/Overlay.js');
__REACT_HOT_LOADER__.register(Overlay, 'Overlay', '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/Overlay.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js');
}();
;

@@ -18,7 +18,7 @@ import { themr } from 'react-css-themr';

__REACT_HOT_LOADER__.register(ThemedPopoverVertical, 'ThemedPopoverVertical', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/index.js');
__REACT_HOT_LOADER__.register(ThemedPopoverVertical, 'ThemedPopoverVertical', '/Users/dries/Sites/teamleader-ui/components/popover/index.js');
__REACT_HOT_LOADER__.register(ThemedPopoverHorizontal, 'ThemedPopoverHorizontal', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/index.js');
__REACT_HOT_LOADER__.register(ThemedPopoverHorizontal, 'ThemedPopoverHorizontal', '/Users/dries/Sites/teamleader-ui/components/popover/index.js');
}();
;

@@ -8,3 +8,3 @@ import _extends from 'babel-runtime/helpers/extends';

import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/Popover.js';
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js';
import React, { Component, PropTypes } from 'react';

@@ -72,3 +72,4 @@ import cx from 'classnames';

direction = _props.direction,
position = _props.position;
position = _props.position,
offsetCorrection = _props.offsetCorrection;

@@ -78,3 +79,3 @@ var targetEl = document.querySelectorAll('[data-teamleader-ui="popover-' + axis + '"]')[0];

this.setState({
positioning: calculatePositions(anchorEl, targetEl, direction, position)
positioning: calculatePositions(anchorEl, targetEl, direction, position, offsetCorrection)
});

@@ -113,3 +114,3 @@ }

fileName: _jsxFileName,
lineNumber: 134
lineNumber: 136
}

@@ -125,3 +126,3 @@ })); // eslint-disable-line

fileName: _jsxFileName,
lineNumber: 148
lineNumber: 150
}

@@ -142,3 +143,3 @@ },

fileName: _jsxFileName,
lineNumber: 149
lineNumber: 151
}

@@ -154,3 +155,3 @@ }),

fileName: _jsxFileName,
lineNumber: 161
lineNumber: 163
}

@@ -160,3 +161,3 @@ },

fileName: _jsxFileName,
lineNumber: 166
lineNumber: 168
}

@@ -168,3 +169,3 @@ }),

fileName: _jsxFileName,
lineNumber: 168
lineNumber: 170
}

@@ -176,3 +177,3 @@ },

fileName: _jsxFileName,
lineNumber: 169
lineNumber: 171
}

@@ -186,3 +187,3 @@ },

fileName: _jsxFileName,
lineNumber: 170
lineNumber: 172
}

@@ -194,3 +195,3 @@ },

fileName: _jsxFileName,
lineNumber: 171
lineNumber: 173
}

@@ -203,3 +204,3 @@ })

fileName: _jsxFileName,
lineNumber: 174
lineNumber: 176
}

@@ -213,3 +214,3 @@ },

fileName: _jsxFileName,
lineNumber: 178
lineNumber: 180
}

@@ -239,2 +240,3 @@ },

direction: PropTypes.string.isRequired,
offsetCorrection: PropTypes.number,
onCloseClick: PropTypes.func,

@@ -269,2 +271,3 @@ onEscKeyDown: PropTypes.func,

backdrop: 'dark',
offsetCorrection: 0,
showHeader: true

@@ -287,9 +290,9 @@ };

__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/Popover.js');
__REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js');
__REACT_HOT_LOADER__.register(PopoverHorizontal, 'PopoverHorizontal', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/Popover.js');
__REACT_HOT_LOADER__.register(PopoverHorizontal, 'PopoverHorizontal', '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js');
__REACT_HOT_LOADER__.register(PopoverVertical, 'PopoverVertical', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/Popover.js');
__REACT_HOT_LOADER__.register(PopoverVertical, 'PopoverVertical', '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js');
}();
;

@@ -48,5 +48,5 @@ import _extends from 'babel-runtime/helpers/extends';

var positionTop = function positionTop(anchorPosition, targetPosition) {
var positionTop = function positionTop(anchorPosition, targetPosition, offsetCorrection) {
return {
top: anchorPosition.top - POPUP_OFFSET * 0.75,
top: anchorPosition.top - POPUP_OFFSET * 0.75 - offsetCorrection,
arrowTop: ARROW_OFFSET * 2.35

@@ -56,6 +56,6 @@ };

var positionBottom = function positionBottom(anchorPosition, targetPosition) {
var positionBottom = function positionBottom(anchorPosition, targetPosition, offsetCorrection) {
return {
top: anchorPosition.bottom - targetPosition.height + POPUP_OFFSET * 0.75,
arrowTop: targetPosition.height - 4.5 * ARROW_OFFSET
top: anchorPosition.bottom - targetPosition.height + POPUP_OFFSET * 0.75 + offsetCorrection,
arrowTop: targetPosition.height - ARROW_OFFSET * 4.5
};

@@ -116,5 +116,5 @@ };

var positionLeft = function positionLeft(anchorPosition, targetPosition) {
var positionLeft = function positionLeft(anchorPosition, targetPosition, offsetCorrection) {
return {
left: anchorPosition.left,
left: anchorPosition.left - offsetCorrection,
arrowLeft: 2 * POPUP_OFFSET

@@ -124,5 +124,5 @@ };

var positionRight = function positionRight(anchorPosition, targetPosition) {
var positionRight = function positionRight(anchorPosition, targetPosition, offsetCorrection) {
return {
left: anchorPosition.right - targetPosition.width,
left: anchorPosition.right - targetPosition.width + offsetCorrection,
arrowLeft: targetPosition.width - POPUP_OFFSET * 3

@@ -177,3 +177,3 @@ };

export function calculateHorizontalPositions(anchorEl, targetEl, inputDirection, inputPosition) {
export function calculateHorizontalPositions(anchorEl, targetEl, inputDirection, inputPosition, inputOffsetCorrection) {
var anchorPosition = getAnchorPosition(anchorEl);

@@ -194,7 +194,7 @@ var targetPosition = getTargetPosition(targetEl);

if (positionToRender === 'top') {
position = positionTop(anchorPosition, targetPosition);
position = positionTop(anchorPosition, targetPosition, inputOffsetCorrection);
} else if (positionToRender === 'middle') {
position = positionMiddle(anchorPosition, targetPosition);
} else {
position = positionBottom(anchorPosition, targetPosition);
position = positionBottom(anchorPosition, targetPosition, inputOffsetCorrection);
}

@@ -205,3 +205,3 @@

export function calculateVerticalPositions(anchorEl, targetEl, inputDirection, inputPosition) {
export function calculateVerticalPositions(anchorEl, targetEl, inputDirection, inputPosition, inputOffsetCorrection) {
var anchorPosition = getAnchorPosition(anchorEl);

@@ -222,7 +222,7 @@ var targetPosition = getTargetPosition(targetEl);

if (positionToRender === 'left') {
position = positionLeft(anchorPosition, targetPosition);
position = positionLeft(anchorPosition, targetPosition, inputOffsetCorrection);
} else if (positionToRender === 'center') {
position = positionCenter(anchorPosition, targetPosition);
} else {
position = positionRight(anchorPosition, targetPosition);
position = positionRight(anchorPosition, targetPosition, inputOffsetCorrection);
}

@@ -239,43 +239,43 @@

__REACT_HOT_LOADER__.register(ARROW_OFFSET, 'ARROW_OFFSET', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(ARROW_OFFSET, 'ARROW_OFFSET', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(POPUP_OFFSET, 'POPUP_OFFSET', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(POPUP_OFFSET, 'POPUP_OFFSET', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(getAnchorPosition, 'getAnchorPosition', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(getAnchorPosition, 'getAnchorPosition', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(getTargetPosition, 'getTargetPosition', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(getTargetPosition, 'getTargetPosition', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionMiddle, 'positionMiddle', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionMiddle, 'positionMiddle', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionTop, 'positionTop', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionTop, 'positionTop', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionBottom, 'positionBottom', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionBottom, 'positionBottom', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(directionWest, 'directionWest', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(directionWest, 'directionWest', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(directionEast, 'directionEast', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(directionEast, 'directionEast', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(updateHorizontalDirectionIfNeeded, 'updateHorizontalDirectionIfNeeded', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(updateHorizontalDirectionIfNeeded, 'updateHorizontalDirectionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(updateHorizontalPositionIfNeeded, 'updateHorizontalPositionIfNeeded', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(updateHorizontalPositionIfNeeded, 'updateHorizontalPositionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionCenter, 'positionCenter', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionCenter, 'positionCenter', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionLeft, 'positionLeft', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionLeft, 'positionLeft', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionRight, 'positionRight', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(positionRight, 'positionRight', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(directionNorth, 'directionNorth', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(directionNorth, 'directionNorth', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(directionSouth, 'directionSouth', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(directionSouth, 'directionSouth', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(updateDirectionIfNeeded, 'updateDirectionIfNeeded', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(updateDirectionIfNeeded, 'updateDirectionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(updatePositionIfNeeded, 'updatePositionIfNeeded', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(updatePositionIfNeeded, 'updatePositionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(calculateHorizontalPositions, 'calculateHorizontalPositions', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(calculateHorizontalPositions, 'calculateHorizontalPositions', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(calculateVerticalPositions, 'calculateVerticalPositions', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
__REACT_HOT_LOADER__.register(calculateVerticalPositions, 'calculateVerticalPositions', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
}();
;

@@ -88,9 +88,9 @@ var _default = {

__REACT_HOT_LOADER__.register(TRANSITIONS, 'TRANSITIONS', '/Users/nickwaelkens/Projects/teamleader-ui/components/utils/events.js');
__REACT_HOT_LOADER__.register(TRANSITIONS, 'TRANSITIONS', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
__REACT_HOT_LOADER__.register(transitionEventNamesFor, 'transitionEventNamesFor', '/Users/nickwaelkens/Projects/teamleader-ui/components/utils/events.js');
__REACT_HOT_LOADER__.register(transitionEventNamesFor, 'transitionEventNamesFor', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/utils/events.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
}();
;

@@ -18,5 +18,5 @@ import events from './events.js';

__REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/utils/index.js');
__REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/utils/index.js');
}();
;

@@ -14,5 +14,5 @@ export var getViewport = function getViewport() {

__REACT_HOT_LOADER__.register(getViewport, "getViewport", "/Users/nickwaelkens/Projects/teamleader-ui/components/utils/utils.js");
__REACT_HOT_LOADER__.register(getViewport, "getViewport", "/Users/dries/Sites/teamleader-ui/components/utils/utils.js");
}();
;
{
"name": "teamleader-ui",
"description": "Teamleader UI library",
"version": "0.0.14-alpha",
"version": "0.0.15-alpha",
"author": "Teamleader <development@teamleader.eu>",

@@ -6,0 +6,0 @@ "betterScripts": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc