@atlaskit/onboarding 15.1.8 → 15.2.0
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 +17 -0
- package/dist/cjs/components/spotlight-inner.js +4 -3
- package/dist/cjs/components/spotlight-manager.js +3 -2
- package/dist/es2019/components/spotlight-inner.js +2 -1
- package/dist/es2019/components/spotlight-manager.js +2 -1
- package/dist/esm/components/spotlight-inner.js +2 -1
- package/dist/esm/components/spotlight-manager.js +2 -1
- package/package.json +10 -10
- package/onboarding.docs.tsx +0 -50
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/onboarding
|
|
2
2
|
|
|
3
|
+
## 15.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`0075efb228821`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0075efb228821) -
|
|
8
|
+
Autofix: barrel removal (imports + exports)
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 15.1.9
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 15.1.8
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -18,7 +18,8 @@ var _exenv = require("exenv");
|
|
|
18
18
|
var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
|
|
19
19
|
var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
|
|
20
20
|
var _layering = require("@atlaskit/layering/layering");
|
|
21
|
-
var
|
|
21
|
+
var _exitingPersistence = _interopRequireDefault(require("@atlaskit/motion/exiting-persistence"));
|
|
22
|
+
var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
|
|
22
23
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
23
24
|
var _portal = _interopRequireDefault(require("@atlaskit/portal"));
|
|
24
25
|
var _useElementBox = require("../utils/use-element-box");
|
|
@@ -153,9 +154,9 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
|
|
|
153
154
|
});
|
|
154
155
|
}), TargetReplacement && !replacementElement ? null : /*#__PURE__*/_react.default.createElement(_layering.Layering, {
|
|
155
156
|
isDisabled: false
|
|
156
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
157
|
+
}, /*#__PURE__*/_react.default.createElement(_exitingPersistence.default, {
|
|
157
158
|
appear: true
|
|
158
|
-
}, isOpen && /*#__PURE__*/_react.default.createElement(
|
|
159
|
+
}, isOpen && /*#__PURE__*/_react.default.createElement(_fadeIn.default, {
|
|
159
160
|
onFinish: function onFinish(state) {
|
|
160
161
|
state === 'exiting' && onExited();
|
|
161
162
|
},
|
|
@@ -15,7 +15,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
15
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
16
16
|
var _memoizeOne = _interopRequireDefault(require("memoize-one"));
|
|
17
17
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
18
|
-
var
|
|
18
|
+
var _exitingPersistence = _interopRequireDefault(require("@atlaskit/motion/exiting-persistence"));
|
|
19
|
+
var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
|
|
19
20
|
var _portal = _interopRequireDefault(require("@atlaskit/portal"));
|
|
20
21
|
var _blanket = _interopRequireDefault(require("../styled/blanket"));
|
|
21
22
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -132,7 +133,7 @@ var SpotlightManager = exports.default = /*#__PURE__*/function (_PureComponent)
|
|
|
132
133
|
value: this.getTargetRef
|
|
133
134
|
}, /*#__PURE__*/_react.default.createElement(Container, {
|
|
134
135
|
component: Tag || _react.default.Fragment
|
|
135
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
136
|
+
}, /*#__PURE__*/_react.default.createElement(_exitingPersistence.default, null, isActive && /*#__PURE__*/_react.default.createElement(_fadeIn.default, {
|
|
136
137
|
duration: "medium"
|
|
137
138
|
}, function (_ref2) {
|
|
138
139
|
var ref = _ref2.ref,
|
|
@@ -5,7 +5,8 @@ import { canUseDOM } from 'exenv';
|
|
|
5
5
|
import ScrollLock from 'react-scrolllock';
|
|
6
6
|
import scrollIntoView from 'scroll-into-view-if-needed';
|
|
7
7
|
import { Layering } from '@atlaskit/layering/layering';
|
|
8
|
-
import
|
|
8
|
+
import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
|
|
9
|
+
import FadeIn from '@atlaskit/motion/fade-in';
|
|
9
10
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
11
|
import Portal from '@atlaskit/portal';
|
|
11
12
|
import { ElementBox } from '../utils/use-element-box';
|
|
@@ -2,7 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import React, { createContext, PureComponent, startTransition } from 'react';
|
|
3
3
|
import memoizeOne from 'memoize-one';
|
|
4
4
|
import noop from '@atlaskit/ds-lib/noop';
|
|
5
|
-
import
|
|
5
|
+
import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
|
|
6
|
+
import FadeIn from '@atlaskit/motion/fade-in';
|
|
6
7
|
import Portal from '@atlaskit/portal';
|
|
7
8
|
import Blanket from '../styled/blanket';
|
|
8
9
|
const dest = /*#__PURE__*/createContext(undefined);
|
|
@@ -16,7 +16,8 @@ import { canUseDOM } from 'exenv';
|
|
|
16
16
|
import ScrollLock from 'react-scrolllock';
|
|
17
17
|
import scrollIntoView from 'scroll-into-view-if-needed';
|
|
18
18
|
import { Layering } from '@atlaskit/layering/layering';
|
|
19
|
-
import
|
|
19
|
+
import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
|
|
20
|
+
import FadeIn from '@atlaskit/motion/fade-in';
|
|
20
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
21
22
|
import Portal from '@atlaskit/portal';
|
|
22
23
|
import { ElementBox } from '../utils/use-element-box';
|
|
@@ -11,7 +11,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
11
11
|
import React, { createContext, PureComponent, startTransition } from 'react';
|
|
12
12
|
import memoizeOne from 'memoize-one';
|
|
13
13
|
import noop from '@atlaskit/ds-lib/noop';
|
|
14
|
-
import
|
|
14
|
+
import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
|
|
15
|
+
import FadeIn from '@atlaskit/motion/fade-in';
|
|
15
16
|
import Portal from '@atlaskit/portal';
|
|
16
17
|
import Blanket from '../styled/blanket';
|
|
17
18
|
var dest = /*#__PURE__*/createContext(undefined);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/onboarding",
|
|
3
|
-
"version": "15.
|
|
3
|
+
"version": "15.2.0",
|
|
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/"
|
|
@@ -54,21 +54,21 @@
|
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@atlaskit/button": "^25.
|
|
57
|
+
"@atlaskit/button": "^25.1.0",
|
|
58
58
|
"@atlaskit/css": "^1.0.0",
|
|
59
59
|
"@atlaskit/ds-lib": "^8.0.0",
|
|
60
60
|
"@atlaskit/heading": "^7.0.0",
|
|
61
61
|
"@atlaskit/layering": "^5.0.0",
|
|
62
|
-
"@atlaskit/modal-dialog": "^16.
|
|
63
|
-
"@atlaskit/motion": "^8.
|
|
62
|
+
"@atlaskit/modal-dialog": "^16.4.0",
|
|
63
|
+
"@atlaskit/motion": "^8.2.0",
|
|
64
64
|
"@atlaskit/platform-feature-flags": "^2.1.0",
|
|
65
|
-
"@atlaskit/popper": "^
|
|
66
|
-
"@atlaskit/portal": "^6.
|
|
67
|
-
"@atlaskit/primitives": "^22.
|
|
65
|
+
"@atlaskit/popper": "^9.2.0",
|
|
66
|
+
"@atlaskit/portal": "^6.2.0",
|
|
67
|
+
"@atlaskit/primitives": "^22.3.0",
|
|
68
68
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
69
|
-
"@atlaskit/tokens": "^16.
|
|
69
|
+
"@atlaskit/tokens": "^16.7.0",
|
|
70
70
|
"@babel/runtime": "^7.0.0",
|
|
71
|
-
"@compiled/react": "^1.0.
|
|
71
|
+
"@compiled/react": "^1.0.2",
|
|
72
72
|
"bind-event-listener": "^3.0.0",
|
|
73
73
|
"exenv": "^1.2.2",
|
|
74
74
|
"memoize-one": "^6.0.0",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"@af/accessibility-testing": "workspace:^",
|
|
86
86
|
"@af/integration-testing": "workspace:^",
|
|
87
87
|
"@af/visual-regression": "workspace:^",
|
|
88
|
-
"@atlaskit/theme": "^
|
|
88
|
+
"@atlaskit/theme": "^28.0.0",
|
|
89
89
|
"@atlassian/ssr-tests": "workspace:^",
|
|
90
90
|
"@atlassian/testing-library": "^0.11.0",
|
|
91
91
|
"@testing-library/react": "^16.3.0",
|
package/onboarding.docs.tsx
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Structured MCP docs for `@atlaskit/onboarding`.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
import path from 'path';
|
|
6
|
-
|
|
7
|
-
import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
|
|
8
|
-
|
|
9
|
-
import packageJson from './package.json';
|
|
10
|
-
|
|
11
|
-
const packagePath = path.resolve(__dirname);
|
|
12
|
-
|
|
13
|
-
const documentation: StructuredContentSource = {
|
|
14
|
-
package: {
|
|
15
|
-
package: '@atlaskit/onboarding',
|
|
16
|
-
packagePath,
|
|
17
|
-
packageJson,
|
|
18
|
-
overview:
|
|
19
|
-
'An onboarding spotlight introduces new features to users through focused messages or multi-step tours. Note that this package is deprecated in favor of `@atlaskit/spotlight`.',
|
|
20
|
-
},
|
|
21
|
-
components: [
|
|
22
|
-
{
|
|
23
|
-
name: 'Spotlight',
|
|
24
|
-
description: 'A component that highlights a specific element on the page with a message.',
|
|
25
|
-
status: 'deprecated',
|
|
26
|
-
import: {
|
|
27
|
-
name: 'Spotlight',
|
|
28
|
-
package: '@atlaskit/onboarding/spotlight',
|
|
29
|
-
type: 'default',
|
|
30
|
-
packagePath,
|
|
31
|
-
packageJson,
|
|
32
|
-
},
|
|
33
|
-
usageGuidelines: [
|
|
34
|
-
'Use `Spotlight` to guide users through new features.',
|
|
35
|
-
'Consider migrating to `@atlaskit/spotlight` for new implementations.',
|
|
36
|
-
],
|
|
37
|
-
keywords: ['onboarding', 'spotlight', 'tour'],
|
|
38
|
-
categories: ['messaging'],
|
|
39
|
-
examples: [
|
|
40
|
-
{
|
|
41
|
-
name: 'Spotlight basic',
|
|
42
|
-
description: 'Basic usage of Spotlight.',
|
|
43
|
-
source: path.resolve(packagePath, './examples/10-spotlight-basic.tsx'),
|
|
44
|
-
},
|
|
45
|
-
],
|
|
46
|
-
},
|
|
47
|
-
],
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export default documentation;
|