@atlaskit/onboarding 12.1.6 → 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.
Files changed (8) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/components/spotlight-dialog.js +1 -4
  3. package/dist/cjs/utils/use-element-box.js +1 -2
  4. package/dist/es2019/components/spotlight-dialog.js +1 -4
  5. package/dist/es2019/utils/use-element-box.js +1 -2
  6. package/dist/esm/components/spotlight-dialog.js +1 -4
  7. package/dist/esm/utils/use-element-box.js +1 -2
  8. package/package.json +6 -13
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
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
+
12
+ ## 12.1.7
13
+
14
+ ### Patch Changes
15
+
16
+ - [#167181](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/167181)
17
+ [`5bc9dc0796474`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5bc9dc0796474) -
18
+ Remove `react-focus-lock-next` dependency
19
+
3
20
  ## 12.1.6
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/components/spotlight-dialog.js CHANGED
@@ -15,8 +15,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
15
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
16
  var _react = _interopRequireWildcard(require("react"));
17
17
  var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
18
- var _reactFocusLockNext = _interopRequireDefault(require("react-focus-lock-next"));
19
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
18
  var _popper = require("@atlaskit/popper");
21
19
  var _primitives = require("@atlaskit/primitives");
22
20
  var _dialog = require("../styled/dialog");
@@ -28,7 +26,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
28
26
  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; }
29
27
  function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
30
28
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
31
- var FocusLock = (0, _platformFeatureFlags.fg)('platform_dst_onboarding-bump-react-focus-lock') ? _reactFocusLockNext.default : _reactFocusLock.default;
32
29
  /**
33
30
  * __Spotlight dialog__
34
31
  *
@@ -132,7 +129,7 @@ var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
132
129
  return /*#__PURE__*/_react.default.createElement(_valueChanged.default, {
133
130
  value: dialogWidth,
134
131
  onChange: update
135
- }, /*#__PURE__*/_react.default.createElement(FocusLock, {
132
+ }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, {
136
133
  disabled: focusLockDisabled,
137
134
  returnFocus: false,
138
135
  autoFocus: true
package/dist/cjs/utils/use-element-box.js CHANGED
@@ -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 || (0, _platformFeatureFlags.getBooleanFF)('platform.design-system.refresh-spotlight-on-interval') ? 'polling' : 'resizeListener';
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;
package/dist/es2019/components/spotlight-dialog.js CHANGED
@@ -1,14 +1,11 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import React, { Component } from 'react';
3
- import FocusLockOld from 'react-focus-lock';
4
- import FocusLockNext from 'react-focus-lock-next';
5
- import { fg } from '@atlaskit/platform-feature-flags';
3
+ import FocusLock from 'react-focus-lock';
6
4
  import { Popper } from '@atlaskit/popper';
7
5
  import { Box } from '@atlaskit/primitives';
8
6
  import { DialogImage } from '../styled/dialog';
9
7
  import SpotlightCard from './spotlight-card';
10
8
  import ValueChanged from './value-changed';
11
- const FocusLock = fg('platform_dst_onboarding-bump-react-focus-lock') ? FocusLockNext : FocusLockOld;
12
9
  /**
13
10
  * __Spotlight dialog__
14
11
  *
package/dist/es2019/utils/use-element-box.js CHANGED
@@ -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 || getBooleanFF('platform.design-system.refresh-spotlight-on-interval') ? 'polling' : 'resizeListener';
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;
package/dist/esm/components/spotlight-dialog.js CHANGED
@@ -10,15 +10,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
10
10
  function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
11
11
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
12
12
  import React, { Component } from 'react';
13
- import FocusLockOld from 'react-focus-lock';
14
- import FocusLockNext from 'react-focus-lock-next';
15
- import { fg } from '@atlaskit/platform-feature-flags';
13
+ import FocusLock from 'react-focus-lock';
16
14
  import { Popper } from '@atlaskit/popper';
17
15
  import { Box } from '@atlaskit/primitives';
18
16
  import { DialogImage } from '../styled/dialog';
19
17
  import SpotlightCard from './spotlight-card';
20
18
  import ValueChanged from './value-changed';
21
- var FocusLock = fg('platform_dst_onboarding-bump-react-focus-lock') ? FocusLockNext : FocusLockOld;
22
19
  /**
23
20
  * __Spotlight dialog__
24
21
  *
package/dist/esm/utils/use-element-box.js CHANGED
@@ -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 || getBooleanFF('platform.design-system.refresh-spotlight-on-interval') ? 'polling' : 'resizeListener';
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.6",
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,30 +33,29 @@
33
33
  "team": "Design System Team",
34
34
  "website": {
35
35
  "name": "Onboarding (spotlight)",
36
- "category": "Components"
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.2.0",
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.17.0",
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.2.0",
50
+ "@atlaskit/primitives": "^13.3.0",
51
51
  "@atlaskit/theme": "^14.0.0",
52
- "@atlaskit/tokens": "^2.2.0",
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",
56
56
  "exenv": "^1.2.2",
57
57
  "memoize-one": "^6.0.0",
58
58
  "react-focus-lock": "^2.9.5",
59
- "react-focus-lock-next": "npm:react-focus-lock@^2.13.2",
60
59
  "react-node-resolver": "^1.0.1",
61
60
  "react-scrolllock": "^5.0.1",
62
61
  "react-transition-group": "^4.4.1",
@@ -84,18 +83,12 @@
84
83
  "typescript": "~5.4.2"
85
84
  },
86
85
  "platform-feature-flags": {
87
- "platform.design-system.refresh-spotlight-on-interval": {
88
- "type": "boolean"
89
- },
90
86
  "platform_design_system_team_onboarding_noderesolve": {
91
87
  "type": "boolean"
92
88
  },
93
89
  "platform_design_system_team_spotlight_layering": {
94
90
  "type": "boolean"
95
91
  },
96
- "platform_dst_onboarding-bump-react-focus-lock": {
97
- "type": "boolean"
98
- },
99
92
  "design-system-closed-all-when-click-outside": {
100
93
  "type": "boolean",
101
94
  "referenceOnly": true