@atlaskit/onboarding 12.1.7 → 12.1.8
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
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/onboarding
|
|
2
2
|
|
|
3
|
+
## 12.1.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#167574](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/167574)
|
|
8
|
+
[`30792384f2240`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/30792384f2240) -
|
|
9
|
+
Removed feature flag to switch useElementBox to the 'polling' ResizeMethod. Now only props should
|
|
10
|
+
be used to control this.
|
|
11
|
+
|
|
3
12
|
## 12.1.7
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -8,7 +8,6 @@ exports.useElementBox = exports.ElementBox = void 0;
|
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _bindEventListener = require("bind-event-listener");
|
|
11
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
11
|
// The minimum interval between position updates in milliseconds
|
|
13
12
|
var POSITION_UPDATE_INTERVAL = 200;
|
|
14
13
|
var getElementRect = function getElementRect(element) {
|
|
@@ -135,7 +134,7 @@ var usePollingElementBox = function usePollingElementBox(element, updateMethod)
|
|
|
135
134
|
* @param element HTMLElement to watch when resizing.
|
|
136
135
|
*/
|
|
137
136
|
var useElementBox = exports.useElementBox = function useElementBox(element, resizeUpdateMethod) {
|
|
138
|
-
var updateMethod = resizeUpdateMethod ||
|
|
137
|
+
var updateMethod = resizeUpdateMethod || 'resizeListener';
|
|
139
138
|
var boxViaResizeListener = useResizeAwareElementBox(element, updateMethod);
|
|
140
139
|
var boxViaPolling = usePollingElementBox(element, updateMethod);
|
|
141
140
|
return updateMethod === 'resizeListener' ? boxViaResizeListener : boxViaPolling;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
2
2
|
import { bind } from 'bind-event-listener';
|
|
3
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
// The minimum interval between position updates in milliseconds
|
|
5
4
|
const POSITION_UPDATE_INTERVAL = 200;
|
|
6
5
|
const getElementRect = element => {
|
|
@@ -111,7 +110,7 @@ const usePollingElementBox = (element, updateMethod) => {
|
|
|
111
110
|
* @param element HTMLElement to watch when resizing.
|
|
112
111
|
*/
|
|
113
112
|
export const useElementBox = (element, resizeUpdateMethod) => {
|
|
114
|
-
const updateMethod = resizeUpdateMethod ||
|
|
113
|
+
const updateMethod = resizeUpdateMethod || 'resizeListener';
|
|
115
114
|
const boxViaResizeListener = useResizeAwareElementBox(element, updateMethod);
|
|
116
115
|
const boxViaPolling = usePollingElementBox(element, updateMethod);
|
|
117
116
|
return updateMethod === 'resizeListener' ? boxViaResizeListener : boxViaPolling;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
3
3
|
import { bind } from 'bind-event-listener';
|
|
4
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
5
4
|
// The minimum interval between position updates in milliseconds
|
|
6
5
|
var POSITION_UPDATE_INTERVAL = 200;
|
|
7
6
|
var getElementRect = function getElementRect(element) {
|
|
@@ -128,7 +127,7 @@ var usePollingElementBox = function usePollingElementBox(element, updateMethod)
|
|
|
128
127
|
* @param element HTMLElement to watch when resizing.
|
|
129
128
|
*/
|
|
130
129
|
export var useElementBox = function useElementBox(element, resizeUpdateMethod) {
|
|
131
|
-
var updateMethod = resizeUpdateMethod ||
|
|
130
|
+
var updateMethod = resizeUpdateMethod || 'resizeListener';
|
|
132
131
|
var boxViaResizeListener = useResizeAwareElementBox(element, updateMethod);
|
|
133
132
|
var boxViaPolling = usePollingElementBox(element, updateMethod);
|
|
134
133
|
return updateMethod === 'resizeListener' ? boxViaResizeListener : boxViaPolling;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/onboarding",
|
|
3
|
-
"version": "12.1.
|
|
3
|
+
"version": "12.1.8",
|
|
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/"
|
|
@@ -33,23 +33,23 @@
|
|
|
33
33
|
"team": "Design System Team",
|
|
34
34
|
"website": {
|
|
35
35
|
"name": "Onboarding (spotlight)",
|
|
36
|
-
"category": "
|
|
36
|
+
"category": "Messaging"
|
|
37
37
|
},
|
|
38
38
|
"runReact18": true
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@atlaskit/button": "^20.3.0",
|
|
42
|
-
"@atlaskit/ds-lib": "^3.
|
|
42
|
+
"@atlaskit/ds-lib": "^3.3.0",
|
|
43
43
|
"@atlaskit/heading": "^3.1.0",
|
|
44
44
|
"@atlaskit/layering": "^0.8.0",
|
|
45
|
-
"@atlaskit/modal-dialog": "^12.
|
|
45
|
+
"@atlaskit/modal-dialog": "^12.18.0",
|
|
46
46
|
"@atlaskit/motion": "^1.9.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
48
48
|
"@atlaskit/popper": "^6.3.0",
|
|
49
49
|
"@atlaskit/portal": "^4.9.0",
|
|
50
|
-
"@atlaskit/primitives": "^13.
|
|
50
|
+
"@atlaskit/primitives": "^13.3.0",
|
|
51
51
|
"@atlaskit/theme": "^14.0.0",
|
|
52
|
-
"@atlaskit/tokens": "^2.
|
|
52
|
+
"@atlaskit/tokens": "^2.4.0",
|
|
53
53
|
"@babel/runtime": "^7.0.0",
|
|
54
54
|
"@emotion/react": "^11.7.1",
|
|
55
55
|
"bind-event-listener": "^3.0.0",
|
|
@@ -83,9 +83,6 @@
|
|
|
83
83
|
"typescript": "~5.4.2"
|
|
84
84
|
},
|
|
85
85
|
"platform-feature-flags": {
|
|
86
|
-
"platform.design-system.refresh-spotlight-on-interval": {
|
|
87
|
-
"type": "boolean"
|
|
88
|
-
},
|
|
89
86
|
"platform_design_system_team_onboarding_noderesolve": {
|
|
90
87
|
"type": "boolean"
|
|
91
88
|
},
|