@atlaskit/onboarding 14.5.2 → 14.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/components/spotlight-inner.js +2 -1
- package/dist/cjs/components/spotlight-manager.js +5 -5
- package/dist/cjs/components/spotlight-transition.js +3 -0
- package/dist/cjs/components/value-changed.js +1 -0
- package/dist/es2019/components/spotlight-inner.js +3 -0
- package/dist/es2019/components/spotlight-manager.js +5 -8
- package/dist/es2019/components/spotlight-transition.js +3 -0
- package/dist/es2019/components/value-changed.js +1 -0
- package/dist/esm/components/spotlight-inner.js +2 -1
- package/dist/esm/components/spotlight-manager.js +5 -5
- package/dist/esm/components/spotlight-transition.js +3 -0
- package/dist/esm/components/value-changed.js +1 -0
- package/dist/types/components/spotlight-manager.d.ts +2 -1
- package/dist/types-ts4.5/components/spotlight-manager.d.ts +2 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -38,6 +38,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
38
38
|
*
|
|
39
39
|
* @internal
|
|
40
40
|
*/
|
|
41
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
41
42
|
var SpotlightInner = /*#__PURE__*/function (_React$Component) {
|
|
42
43
|
function SpotlightInner() {
|
|
43
44
|
var _this;
|
|
@@ -191,7 +192,7 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
|
|
|
191
192
|
});
|
|
192
193
|
}
|
|
193
194
|
}]);
|
|
194
|
-
}(_react.default.Component);
|
|
195
|
+
}(_react.default.Component); // eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
195
196
|
(0, _defineProperty2.default)(SpotlightInner, "defaultProps", {
|
|
196
197
|
dialogWidth: 400,
|
|
197
198
|
pulse: true
|
|
@@ -24,16 +24,16 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
24
24
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
25
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
26
26
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
var dest = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
28
|
+
var TargetConsumer = exports.TargetConsumer = dest.Consumer;
|
|
29
|
+
var TargetProvider = dest.Provider;
|
|
30
30
|
var SpotlightContext = exports.SpotlightContext = /*#__PURE__*/(0, _react.createContext)({
|
|
31
31
|
opened: _noop.default,
|
|
32
32
|
closed: _noop.default,
|
|
33
33
|
targets: {}
|
|
34
34
|
});
|
|
35
|
-
var SpotlightStateConsumer = exports.SpotlightConsumer = SpotlightContext.Consumer
|
|
36
|
-
|
|
35
|
+
var SpotlightStateConsumer = exports.SpotlightConsumer = SpotlightContext.Consumer;
|
|
36
|
+
var SpotlightStateProvider = SpotlightContext.Provider;
|
|
37
37
|
var Container = function Container(_ref) {
|
|
38
38
|
var Wrapper = _ref.component,
|
|
39
39
|
children = _ref.children;
|
|
@@ -41,6 +41,7 @@ var hasChildren = function hasChildren(children) {
|
|
|
41
41
|
*
|
|
42
42
|
* @deprecated Use `@atlaskit/spotlight` instead.
|
|
43
43
|
*/
|
|
44
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
44
45
|
var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
|
|
45
46
|
function SpotlightTransition() {
|
|
46
47
|
var _this;
|
|
@@ -89,4 +90,6 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
|
|
|
89
90
|
* @internal
|
|
90
91
|
*/
|
|
91
92
|
var SpotlightTransitionConsumer = exports.SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
|
|
93
|
+
|
|
94
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
92
95
|
var _default = exports.default = SpotlightTransition;
|
|
@@ -17,6 +17,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
17
17
|
// On update, it checks whether the current value prop is equal to the previous value prop.
|
|
18
18
|
// If they are different, it calls the onChange function.
|
|
19
19
|
// We use this for updating Popper when the SpotlightDialog width changes.
|
|
20
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
20
21
|
var ValueChanged = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
21
22
|
function ValueChanged() {
|
|
22
23
|
(0, _classCallCheck2.default)(this, ValueChanged);
|
|
@@ -20,6 +20,7 @@ import { SpotlightTransitionConsumer } from './spotlight-transition';
|
|
|
20
20
|
*
|
|
21
21
|
* @internal
|
|
22
22
|
*/
|
|
23
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
23
24
|
class SpotlightInner extends React.Component {
|
|
24
25
|
constructor(...args) {
|
|
25
26
|
super(...args);
|
|
@@ -159,6 +160,8 @@ class SpotlightInner extends React.Component {
|
|
|
159
160
|
}))))), /*#__PURE__*/React.createElement(ScrollLock, null)));
|
|
160
161
|
}
|
|
161
162
|
}
|
|
163
|
+
|
|
164
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
162
165
|
_defineProperty(SpotlightInner, "defaultProps", {
|
|
163
166
|
dialogWidth: 400,
|
|
164
167
|
pulse: true
|
|
@@ -6,19 +6,16 @@ import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
|
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
7
|
import Portal from '@atlaskit/portal';
|
|
8
8
|
import Blanket from '../styled/blanket';
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} = /*#__PURE__*/createContext(undefined);
|
|
9
|
+
const dest = /*#__PURE__*/createContext(undefined);
|
|
10
|
+
const TargetConsumer = dest.Consumer;
|
|
11
|
+
const TargetProvider = dest.Provider;
|
|
13
12
|
const SpotlightContext = /*#__PURE__*/createContext({
|
|
14
13
|
opened: noop,
|
|
15
14
|
closed: noop,
|
|
16
15
|
targets: {}
|
|
17
16
|
});
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
Provider: SpotlightStateProvider
|
|
21
|
-
} = SpotlightContext;
|
|
17
|
+
const SpotlightStateConsumer = SpotlightContext.Consumer;
|
|
18
|
+
const SpotlightStateProvider = SpotlightContext.Provider;
|
|
22
19
|
export { TargetConsumer };
|
|
23
20
|
export { SpotlightContext, SpotlightStateConsumer as SpotlightConsumer };
|
|
24
21
|
const Container = ({
|
|
@@ -23,6 +23,7 @@ const hasChildren = children => {
|
|
|
23
23
|
*
|
|
24
24
|
* @deprecated Use `@atlaskit/spotlight` instead.
|
|
25
25
|
*/
|
|
26
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
26
27
|
class SpotlightTransition extends React.Component {
|
|
27
28
|
constructor(...args) {
|
|
28
29
|
super(...args);
|
|
@@ -62,4 +63,6 @@ class SpotlightTransition extends React.Component {
|
|
|
62
63
|
* @internal
|
|
63
64
|
*/
|
|
64
65
|
export const SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
|
|
66
|
+
|
|
67
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
65
68
|
export default SpotlightTransition;
|
|
@@ -3,6 +3,7 @@ import React from 'react';
|
|
|
3
3
|
// On update, it checks whether the current value prop is equal to the previous value prop.
|
|
4
4
|
// If they are different, it calls the onChange function.
|
|
5
5
|
// We use this for updating Popper when the SpotlightDialog width changes.
|
|
6
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
6
7
|
export default class ValueChanged extends React.Component {
|
|
7
8
|
componentDidUpdate(prevProps) {
|
|
8
9
|
if (prevProps.value !== this.props.value) {
|
|
@@ -31,6 +31,7 @@ import { SpotlightTransitionConsumer } from './spotlight-transition';
|
|
|
31
31
|
*
|
|
32
32
|
* @internal
|
|
33
33
|
*/
|
|
34
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
34
35
|
var SpotlightInner = /*#__PURE__*/function (_React$Component) {
|
|
35
36
|
function SpotlightInner() {
|
|
36
37
|
var _this;
|
|
@@ -184,7 +185,7 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
|
|
|
184
185
|
});
|
|
185
186
|
}
|
|
186
187
|
}]);
|
|
187
|
-
}(React.Component);
|
|
188
|
+
}(React.Component); // eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
188
189
|
_defineProperty(SpotlightInner, "defaultProps", {
|
|
189
190
|
dialogWidth: 400,
|
|
190
191
|
pulse: true
|
|
@@ -15,16 +15,16 @@ import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
|
|
|
15
15
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
16
|
import Portal from '@atlaskit/portal';
|
|
17
17
|
import Blanket from '../styled/blanket';
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
var dest = /*#__PURE__*/createContext(undefined);
|
|
19
|
+
var TargetConsumer = dest.Consumer;
|
|
20
|
+
var TargetProvider = dest.Provider;
|
|
21
21
|
var SpotlightContext = /*#__PURE__*/createContext({
|
|
22
22
|
opened: noop,
|
|
23
23
|
closed: noop,
|
|
24
24
|
targets: {}
|
|
25
25
|
});
|
|
26
|
-
var SpotlightStateConsumer = SpotlightContext.Consumer
|
|
27
|
-
|
|
26
|
+
var SpotlightStateConsumer = SpotlightContext.Consumer;
|
|
27
|
+
var SpotlightStateProvider = SpotlightContext.Provider;
|
|
28
28
|
export { TargetConsumer };
|
|
29
29
|
export { SpotlightContext, SpotlightStateConsumer as SpotlightConsumer };
|
|
30
30
|
var Container = function Container(_ref) {
|
|
@@ -32,6 +32,7 @@ var hasChildren = function hasChildren(children) {
|
|
|
32
32
|
*
|
|
33
33
|
* @deprecated Use `@atlaskit/spotlight` instead.
|
|
34
34
|
*/
|
|
35
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
35
36
|
var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
|
|
36
37
|
function SpotlightTransition() {
|
|
37
38
|
var _this;
|
|
@@ -80,4 +81,6 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
|
|
|
80
81
|
* @internal
|
|
81
82
|
*/
|
|
82
83
|
export var SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
|
|
84
|
+
|
|
85
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
83
86
|
export default SpotlightTransition;
|
|
@@ -10,6 +10,7 @@ import React from 'react';
|
|
|
10
10
|
// On update, it checks whether the current value prop is equal to the previous value prop.
|
|
11
11
|
// If they are different, it calls the onChange function.
|
|
12
12
|
// We use this for updating Popper when the SpotlightDialog width changes.
|
|
13
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
13
14
|
var ValueChanged = /*#__PURE__*/function (_React$Component) {
|
|
14
15
|
function ValueChanged() {
|
|
15
16
|
_classCallCheck(this, ValueChanged);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { type ElementType, PureComponent, type ReactNode } from 'react';
|
|
2
|
+
import { type MemoizedFn } from 'memoize-one';
|
|
2
3
|
export type TargetRef = (element: HTMLElement | null | undefined) => void;
|
|
3
4
|
export type GetTargetRef = (
|
|
4
5
|
/**
|
|
@@ -73,7 +74,7 @@ export default class SpotlightManager extends PureComponent<SpotlightManagerProp
|
|
|
73
74
|
getTargetRef: (name: string) => (element: HTMLElement | null | undefined) => void;
|
|
74
75
|
spotlightOpen: () => void;
|
|
75
76
|
spotlightClose: () => void;
|
|
76
|
-
getStateProviderValue:
|
|
77
|
+
getStateProviderValue: MemoizedFn<(this: any, targets: any) => {
|
|
77
78
|
opened: () => void;
|
|
78
79
|
closed: () => void;
|
|
79
80
|
targets: any;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { type ElementType, PureComponent, type ReactNode } from 'react';
|
|
2
|
+
import { type MemoizedFn } from 'memoize-one';
|
|
2
3
|
export type TargetRef = (element: HTMLElement | null | undefined) => void;
|
|
3
4
|
export type GetTargetRef = (
|
|
4
5
|
/**
|
|
@@ -73,7 +74,7 @@ export default class SpotlightManager extends PureComponent<SpotlightManagerProp
|
|
|
73
74
|
getTargetRef: (name: string) => (element: HTMLElement | null | undefined) => void;
|
|
74
75
|
spotlightOpen: () => void;
|
|
75
76
|
spotlightClose: () => void;
|
|
76
|
-
getStateProviderValue:
|
|
77
|
+
getStateProviderValue: MemoizedFn<(this: any, targets: any) => {
|
|
77
78
|
opened: () => void;
|
|
78
79
|
closed: () => void;
|
|
79
80
|
targets: any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/onboarding",
|
|
3
|
-
"version": "14.5.
|
|
3
|
+
"version": "14.5.3",
|
|
4
4
|
"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -62,8 +62,8 @@
|
|
|
62
62
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
63
63
|
"@atlaskit/popper": "^7.1.0",
|
|
64
64
|
"@atlaskit/portal": "^5.2.0",
|
|
65
|
-
"@atlaskit/primitives": "^
|
|
66
|
-
"@atlaskit/tokens": "^
|
|
65
|
+
"@atlaskit/primitives": "^18.0.0",
|
|
66
|
+
"@atlaskit/tokens": "^11.0.0",
|
|
67
67
|
"@babel/runtime": "^7.0.0",
|
|
68
68
|
"@compiled/react": "^0.18.6",
|
|
69
69
|
"bind-event-listener": "^3.0.0",
|