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

@atlaskit/onboarding

Package Overview
Dependencies
Maintainers
1
Versions
254
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/onboarding - npm Package Compare versions

Comparing version 2.0.6 to 2.0.7

3

CHANGELOG.md
# @atlaskit/onboarding
## 2.0.7
- [patch] more robust implementation of FocusLock [64dd1d8](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/64dd1d8)
## 2.0.6

@@ -4,0 +7,0 @@ - [patch] Refactor autoscroll logic in withScrollMeasurement HOC [2e90a74](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/2e90a74)

15

dist/cjs/components/Spotlight.js

@@ -66,6 +66,6 @@ 'use strict';

};
/* eslint-disable react/sort-comp, react/no-multi-comp */
/* eslint-disable react/prop-types, react/no-danger */
/* eslint-disable react/prop-types, react/no-danger */
/* eslint-disable react/sort-comp, react/no-multi-comp */
var Clone = function Clone(_ref) {

@@ -94,3 +94,3 @@ var html = _ref.html;

return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref2 = Spotlight.__proto__ || (0, _getPrototypeOf2.default)(Spotlight)).call.apply(_ref2, [this].concat(args))), _this), _this.state = { isExiting: false }, _this.handleTargetClick = function (event) {
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref2 = Spotlight.__proto__ || (0, _getPrototypeOf2.default)(Spotlight)).call.apply(_ref2, [this].concat(args))), _this), _this.handleTargetClick = function (event) {
var _this$props = _this.props,

@@ -102,6 +102,2 @@ targetOnClick = _this$props.targetOnClick,

if (targetOnClick) targetOnClick({ event: event, target: target });
}, _this.handleExit = function () {
// NOTE: disable FocusLock *before* unmount. animation may end after a new
// spotlight as gained focus, breaking focus behaviour.
_this.setState({ isExiting: true });
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);

@@ -161,3 +157,2 @@ }

scrollY = _props2.scrollY;
var isExiting = this.state.isExiting;

@@ -183,3 +178,3 @@ // warn consumers when they provide conflicting props

_layerManager.FocusLock,
{ enabled: !isExiting, autoFocus: true },
{ enabled: transitionIn, autoFocus: true },
_react2.default.createElement(

@@ -206,3 +201,3 @@ _Dialog.Dialog,

Fill,
{ 'in': transitionIn, onExit: this.handleExit, scrollDistance: scrollY },
{ 'in': transitionIn, scrollDistance: scrollY },
_react2.default.createElement(

@@ -209,0 +204,0 @@ _layer2.default,

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

return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref2 = Spotlight.__proto__ || _Object$getPrototypeOf(Spotlight)).call.apply(_ref2, [this].concat(args))), _this), _this.state = { isExiting: false }, _this.handleTargetClick = function (event) {
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref2 = Spotlight.__proto__ || _Object$getPrototypeOf(Spotlight)).call.apply(_ref2, [this].concat(args))), _this), _this.handleTargetClick = function (event) {
var _this$props = _this.props,

@@ -61,6 +61,2 @@ targetOnClick = _this$props.targetOnClick,

if (targetOnClick) targetOnClick({ event: event, target: target });
}, _this.handleExit = function () {
// NOTE: disable FocusLock *before* unmount. animation may end after a new
// spotlight as gained focus, breaking focus behaviour.
_this.setState({ isExiting: true });
}, _temp), _possibleConstructorReturn(_this, _ret);

@@ -120,3 +116,2 @@ }

scrollY = _props2.scrollY;
var isExiting = this.state.isExiting;

@@ -142,3 +137,3 @@ // warn consumers when they provide conflicting props

FocusLock,
{ enabled: !isExiting, autoFocus: true },
{ enabled: transitionIn, autoFocus: true },
React.createElement(

@@ -165,3 +160,3 @@ Dialog,

Fill,
{ 'in': transitionIn, onExit: this.handleExit, scrollDistance: scrollY },
{ 'in': transitionIn, scrollDistance: scrollY },
React.createElement(

@@ -168,0 +163,0 @@ Layer,

{
"name": "@atlaskit/onboarding",
"version": "2.0.5"
"version": "2.0.6"
}
{
"name": "@atlaskit/onboarding",
"version": "2.0.6",
"version": "2.0.7",
"description": "Highlight elements of the UI to the user and display a complementary dialog.",

@@ -19,4 +19,4 @@ "license": "Apache-2.0",

"@atlaskit/layer": "^2.5.4",
"@atlaskit/layer-manager": "^2.5.7",
"@atlaskit/modal-dialog": "^3.2.1",
"@atlaskit/layer-manager": "^2.5.8",
"@atlaskit/modal-dialog": "^3.2.6",
"@atlaskit/theme": "^2.2.1",

@@ -35,6 +35,6 @@ "prop-types": "^15.5.10",

"@atlaskit/docs": "^2.0.0",
"@atlaskit/dropdown-menu": "^3.0.1",
"@atlaskit/navigation": "^26.5.1",
"@atlaskit/dropdown-menu": "^3.5.0",
"@atlaskit/navigation": "^26.6.3",
"@atlaskit/tooltip": "^8.0.11"
}
}
}
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