@atlaskit/onboarding 11.15.1 → 11.15.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/components/spotlight-inner.js +6 -3
  3. package/dist/cjs/components/spotlight-target.js +1 -1
  4. package/dist/es2019/components/spotlight-inner.js +6 -3
  5. package/dist/es2019/components/spotlight-target.js +1 -1
  6. package/dist/esm/components/spotlight-inner.js +6 -3
  7. package/dist/esm/components/spotlight-target.js +1 -1
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/onboarding
2
2
 
3
+ ## 11.15.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#146891](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146891)
8
+ [`1946e3bf8c6c9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1946e3bf8c6c9) -
9
+ Internal change only: update feature flag names.
10
+
11
+ ## 11.15.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [#146525](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146525)
16
+ [`2ec1031034a2b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2ec1031034a2b) -
17
+ Integrate layering into spotlight
18
+
3
19
  ## 11.15.1
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/components/spotlight-inner.js CHANGED
@@ -17,6 +17,7 @@ var _react = _interopRequireDefault(require("react"));
17
17
  var _exenv = require("exenv");
18
18
  var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
19
19
  var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
20
+ var _layering = require("@atlaskit/layering");
20
21
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
21
22
  var _portal = _interopRequireDefault(require("@atlaskit/portal"));
22
23
  var _constants = require("@atlaskit/theme/constants");
@@ -108,7 +109,7 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
108
109
  return /*#__PURE__*/_react.default.createElement(_portal.default, {
109
110
  zIndex: _constants.layers.spotlight() + 1
110
111
  }, TargetReplacement ? /*#__PURE__*/_react.default.createElement(_nodeResolverSpotlightInner.default, {
111
- hasNodeResolver: !(0, _platformFeatureFlags.fg)('platform-design-system-dsp-20262-spotlight-inner'),
112
+ hasNodeResolver: !(0, _platformFeatureFlags.fg)('platform_design_system_team_onboarding_noderesolve'),
112
113
  innerRef: function innerRef(elem) {
113
114
  return _this2.setState({
114
115
  replacementElement: elem
@@ -139,7 +140,9 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
139
140
  hasEntered: isOpen,
140
141
  onExited: onExited
141
142
  }, function (animationStyles) {
142
- return /*#__PURE__*/_react.default.createElement(_spotlightDialog.default, {
143
+ return /*#__PURE__*/_react.default.createElement(_layering.UNSAFE_LAYERING, {
144
+ isDisabled: (0, _platformFeatureFlags.fg)('platform_design_system_team_spotlight_layering') ? false : true
145
+ }, /*#__PURE__*/_react.default.createElement(_spotlightDialog.default, {
143
146
  testId: "".concat(testId, "--dialog"),
144
147
  actions: _this2.props.actions,
145
148
  actionsBeforeElement: _this2.props.actionsBeforeElement,
@@ -153,7 +156,7 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
153
156
  image: _this2.props.image,
154
157
  targetNode: replacementElement || targetNode,
155
158
  animationStyles: animationStyles
156
- });
159
+ }));
157
160
  }), /*#__PURE__*/_react.default.createElement(_reactScrolllock.default, null));
158
161
  });
159
162
  }
package/dist/cjs/components/spotlight-target.js CHANGED
@@ -24,7 +24,7 @@ var SpotlightTarget = function SpotlightTarget(_ref) {
24
24
  return /*#__PURE__*/_react.default.createElement(_spotlightManager.TargetConsumer, null, function (targetRef) {
25
25
  return targetRef ? /*#__PURE__*/_react.default.createElement(_nodeResolverSpotlightTarget.default, {
26
26
  name: name,
27
- hasNodeResolver: !(0, _platformFeatureFlags.fg)('platform-design-system-dsp-20262-spotlight-target'),
27
+ hasNodeResolver: !(0, _platformFeatureFlags.fg)('platform_design_system_team_onboarding_noderesolve'),
28
28
  targetRef: targetRef
29
29
  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children)) : children;
30
30
  });
package/dist/es2019/components/spotlight-inner.js CHANGED
@@ -4,6 +4,7 @@ import React from 'react';
4
4
  import { canUseDOM } from 'exenv';
5
5
  import ScrollLock from 'react-scrolllock';
6
6
  import scrollIntoView from 'scroll-into-view-if-needed';
7
+ import { UNSAFE_LAYERING } from '@atlaskit/layering';
7
8
  import { fg } from '@atlaskit/platform-feature-flags';
8
9
  import Portal from '@atlaskit/portal';
9
10
  import { layers } from '@atlaskit/theme/constants';
@@ -78,7 +79,7 @@ class SpotlightInner extends React.Component {
78
79
  }) => /*#__PURE__*/React.createElement(Portal, {
79
80
  zIndex: layers.spotlight() + 1
80
81
  }, TargetReplacement ? /*#__PURE__*/React.createElement(NodeResolverSpotlightInner, {
81
- hasNodeResolver: !fg('platform-design-system-dsp-20262-spotlight-inner'),
82
+ hasNodeResolver: !fg('platform_design_system_team_onboarding_noderesolve'),
82
83
  innerRef: elem => this.setState({
83
84
  replacementElement: elem
84
85
  })
@@ -102,7 +103,9 @@ class SpotlightInner extends React.Component {
102
103
  })), TargetReplacement && !replacementElement ? null : /*#__PURE__*/React.createElement(Fade, {
103
104
  hasEntered: isOpen,
104
105
  onExited: onExited
105
- }, animationStyles => /*#__PURE__*/React.createElement(SpotlightDialog, {
106
+ }, animationStyles => /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
107
+ isDisabled: fg('platform_design_system_team_spotlight_layering') ? false : true
108
+ }, /*#__PURE__*/React.createElement(SpotlightDialog, {
106
109
  testId: `${testId}--dialog`,
107
110
  actions: this.props.actions,
108
111
  actionsBeforeElement: this.props.actionsBeforeElement,
@@ -116,7 +119,7 @@ class SpotlightInner extends React.Component {
116
119
  image: this.props.image,
117
120
  targetNode: replacementElement || targetNode,
118
121
  animationStyles: animationStyles
119
- })), /*#__PURE__*/React.createElement(ScrollLock, null)));
122
+ }))), /*#__PURE__*/React.createElement(ScrollLock, null)));
120
123
  }
121
124
  }
122
125
  _defineProperty(SpotlightInner, "defaultProps", {
package/dist/es2019/components/spotlight-target.js CHANGED
@@ -16,7 +16,7 @@ const SpotlightTarget = ({
16
16
  name
17
17
  }) => /*#__PURE__*/React.createElement(TargetConsumer, null, targetRef => targetRef ? /*#__PURE__*/React.createElement(NodeResolverSpotlightTarget, {
18
18
  name: name,
19
- hasNodeResolver: !fg('platform-design-system-dsp-20262-spotlight-target'),
19
+ hasNodeResolver: !fg('platform_design_system_team_onboarding_noderesolve'),
20
20
  targetRef: targetRef
21
21
  }, /*#__PURE__*/React.createElement(React.Fragment, null, children)) : children);
22
22
  export default SpotlightTarget;
package/dist/esm/components/spotlight-inner.js CHANGED
@@ -14,6 +14,7 @@ import React from 'react';
14
14
  import { canUseDOM } from 'exenv';
15
15
  import ScrollLock from 'react-scrolllock';
16
16
  import scrollIntoView from 'scroll-into-view-if-needed';
17
+ import { UNSAFE_LAYERING } from '@atlaskit/layering';
17
18
  import { fg } from '@atlaskit/platform-feature-flags';
18
19
  import Portal from '@atlaskit/portal';
19
20
  import { layers } from '@atlaskit/theme/constants';
@@ -101,7 +102,7 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
101
102
  return /*#__PURE__*/React.createElement(Portal, {
102
103
  zIndex: layers.spotlight() + 1
103
104
  }, TargetReplacement ? /*#__PURE__*/React.createElement(NodeResolverSpotlightInner, {
104
- hasNodeResolver: !fg('platform-design-system-dsp-20262-spotlight-inner'),
105
+ hasNodeResolver: !fg('platform_design_system_team_onboarding_noderesolve'),
105
106
  innerRef: function innerRef(elem) {
106
107
  return _this2.setState({
107
108
  replacementElement: elem
@@ -132,7 +133,9 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
132
133
  hasEntered: isOpen,
133
134
  onExited: onExited
134
135
  }, function (animationStyles) {
135
- return /*#__PURE__*/React.createElement(SpotlightDialog, {
136
+ return /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
137
+ isDisabled: fg('platform_design_system_team_spotlight_layering') ? false : true
138
+ }, /*#__PURE__*/React.createElement(SpotlightDialog, {
136
139
  testId: "".concat(testId, "--dialog"),
137
140
  actions: _this2.props.actions,
138
141
  actionsBeforeElement: _this2.props.actionsBeforeElement,
@@ -146,7 +149,7 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
146
149
  image: _this2.props.image,
147
150
  targetNode: replacementElement || targetNode,
148
151
  animationStyles: animationStyles
149
- });
152
+ }));
150
153
  }), /*#__PURE__*/React.createElement(ScrollLock, null));
151
154
  });
152
155
  }
package/dist/esm/components/spotlight-target.js CHANGED
@@ -17,7 +17,7 @@ var SpotlightTarget = function SpotlightTarget(_ref) {
17
17
  return /*#__PURE__*/React.createElement(TargetConsumer, null, function (targetRef) {
18
18
  return targetRef ? /*#__PURE__*/React.createElement(NodeResolverSpotlightTarget, {
19
19
  name: name,
20
- hasNodeResolver: !fg('platform-design-system-dsp-20262-spotlight-target'),
20
+ hasNodeResolver: !fg('platform_design_system_team_onboarding_noderesolve'),
21
21
  targetRef: targetRef
22
22
  }, /*#__PURE__*/React.createElement(React.Fragment, null, children)) : children;
23
23
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/onboarding",
3
- "version": "11.15.1",
3
+ "version": "11.15.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/"
@@ -82,13 +82,13 @@
82
82
  "platform.design-system.refresh-spotlight-on-interval": {
83
83
  "type": "boolean"
84
84
  },
85
- "platform-design-system-dsp-20262-spotlight-inner": {
85
+ "platform_design_system_team_onboarding_noderesolve": {
86
86
  "type": "boolean"
87
87
  },
88
- "platform-design-system-dsp-20262-spotlight-target": {
88
+ "platform-design-system-dsp-20687-transition-group": {
89
89
  "type": "boolean"
90
90
  },
91
- "platform-design-system-dsp-20687-transition-group": {
91
+ "platform_design_system_team_spotlight_layering": {
92
92
  "type": "boolean"
93
93
  }
94
94
  },